andras/sdf-2d-demo
andras/sdf-2d-demo
Watch
1
0
Fork
You've already forked sdf-2d-demo
 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Use new library

Browse source
This commit is contained in:
schmelczerandras 2020-09-25 18:48:30 +02:00
commit ed97a7ba86
1 changed files with 34 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/scenes/blob/blob-scene.ts
View file

@ -1,6 +1,7 @@
import { vec2, vec3 } from 'gl-matrix';
import { Circle, CircleLight, compile, InvertedTunnel, Renderer } from 'sdf-2d';
import { vec2 } from 'gl-matrix';
import { Circle, CircleLight, compile, Renderer } from 'sdf-2d';
import { prettyPrint } from '../../helper/pretty-print';
import { rgb } from '../../helper/rgb';
import { rgb255 } from '../../helper/rgb255';
import { Scene } from '../scene';
import { Blob } from './blob';
@ -10,9 +11,6 @@ export class BlobScene implements Scene {
private canvas: HTMLCanvasElement;
private overlay: HTMLDivElement;
private tunnels: Array<InvertedTunnel> = [];
private lights: Array<CircleLight> = [];
public async initialize(
canvas: HTMLCanvasElement,
overlay: HTMLDivElement
@ -23,18 +21,17 @@ export class BlobScene implements Scene {
Circle.descriptor,
{
...CircleLight.descriptor,
shaderCombinationSteps: [1, 2],
shaderCombinationSteps: [0, 1, 2],
},
Blob.descriptor,
]);
this.renderer.setRuntimeSettings({
ambientLight: vec3.fromValues(0.35, 0.1, 0.45),
shadowLength: 800,
ambientLight: rgb255(89, 25, 115),
colorPalette: [
rgb255(0, 0, 0),
rgb255(119, 173, 120),
rgb255(224, 96, 126),
rgb255(0, 0, 0),
rgb255(119, 143, 120),
rgb255(224, 96, 126),
],
});
@ -71,7 +68,7 @@ export class BlobScene implements Scene {
(Math.cos((1 - q) * Math.PI) * length) / 2 + width / 2,
(Math.sin((1 - q) * Math.PI) * length) / 2,
],
[1, 0.8, 0],
rgb(1, 0.8, 0),
1
),
new CircleLight(
@ -79,7 +76,7 @@ export class BlobScene implements Scene {
(Math.cos(-q * Math.PI) * length) / 2 + width / 2,
(Math.sin(-q * Math.PI) * length) / 2,
],
[0, 0.8, 1],
rgb(0, 0.8, 1),
1
),
].forEach((d) => this.renderer.addDrawable(d));