andras/sdf-2d-demo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make tunnels size agnostic

Browse source
This commit is contained in:
schmelczerandras 2020-11-18 11:52:14 +01:00
parent 5ec2bc1b7f
commit 3125f96ca6
1 changed files with 12 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/scenes/tunnel-scene.ts
View file

@ -19,36 +19,25 @@ import { Scene } from './scene';
const InvertedTunnel = InvertedTunnelFactory(3); const InvertedTunnel = InvertedTunnelFactory(3);
export class TunnelScene implements Scene { export class TunnelScene implements Scene {
private canvas: HTMLCanvasElement;
private overlay: HTMLDivElement; private overlay: HTMLDivElement;
private tunnels: Array<InstanceType<typeof InvertedTunnel>> = []; private tunnels: Array<InstanceType<typeof InvertedTunnel>> = [];
private lights: Array<CircleLight> = []; private lights: Array<CircleLight> = [];
public insights?: any; public insights?: any;
private generateTunnel() { private generateTunnel() {
const canvasSize = this.canvas.getBoundingClientRect(); let previousEnd = vec2.fromValues(0, 0.5);
let previousRadius = 0.1;
let previousEnd = vec2.fromValues(0, 200);
let previousRadius = 50;
if (this.tunnels.length > 0) { if (this.tunnels.length > 0) {
previousEnd = last(this.tunnels).to; previousEnd = last(this.tunnels).to;
previousRadius = last(this.tunnels).toRadius; previousRadius = last(this.tunnels).toRadius;
} }
let height = let height = previousEnd.y + Random.getRandomInRange(-0.4, 0.4);
previousEnd.y + height = clamp(height, 0.2, 0.8);
Random.getRandomInRange(-canvasSize.height / 3, canvasSize.height / 3);
height = clamp( const currentEnd = vec2.fromValues(this.tunnels.length * 0.25, height);
height, const currentToRadius = Random.getRandom() * 0.1 + 0.1;
canvasSize.height / 6 + 50,
canvasSize.height - canvasSize.height / 6 + 50
);
const currentEnd = vec2.fromValues(this.tunnels.length * 300, height);
const currentToRadius = (Random.getRandom() * canvasSize.height) / 6 + 50;
this.tunnels.push( this.tunnels.push(
new InvertedTunnel(previousEnd, currentEnd, previousRadius, currentToRadius) new InvertedTunnel(previousEnd, currentEnd, previousRadius, currentToRadius)
@ -63,7 +52,7 @@ export class TunnelScene implements Scene {
Random.getRandom(), Random.getRandom(),
Random.getRandom(), Random.getRandom(),
]), ]),
0.25 0.00025
) )
); );
} }
@ -72,7 +61,6 @@ export class TunnelScene implements Scene {
public async run(canvas: HTMLCanvasElement, overlay: HTMLDivElement): Promise<void> { public async run(canvas: HTMLCanvasElement, overlay: HTMLDivElement): Promise<void> {
const noiseTexture = await renderNoise([1024, 1], 15, 0.5); const noiseTexture = await renderNoise([1024, 1], 15, 0.5);
this.canvas = canvas;
this.overlay = overlay; this.overlay = overlay;
for (let i = 0; i < 30; i++) { for (let i = 0; i < 30; i++) {
@ -119,19 +107,17 @@ export class TunnelScene implements Scene {
): boolean { ): boolean {
this.insights = renderer.insights; this.insights = renderer.insights;
const width = renderer.canvasSize.x;
const height = renderer.canvasSize.y;
this.deltaSinceStart += deltaTime; this.deltaSinceStart += deltaTime;
const startX = this.deltaSinceStart / 4; const startX = this.deltaSinceStart / 4 / 1000;
const endX = startX + width; const width = renderer.canvasSize.x / renderer.canvasSize.y;
renderer.setViewArea(vec2.fromValues(startX, height), vec2.fromValues(width, height)); renderer.setViewArea(vec2.fromValues(startX, 1), vec2.fromValues(width, 1));
this.overlay.innerText = prettyPrint(renderer.insights); this.overlay.innerText = prettyPrint(renderer.insights);
[ [
...this.tunnels.filter( ...this.tunnels.filter(
(t) => startX < t.to.x + t.toRadius && t.from.x - t.fromRadius <= endX (t) =>
startX < t.to.x + t.toRadius && t.from.x - t.fromRadius <= startX + width * 1
), ),
...this.lights, ...this.lights,
].forEach((d) => renderer.addDrawable(d)); ].forEach((d) => renderer.addDrawable(d));