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

Add some UI

Browse source
This commit is contained in:
schmelczerandras 2020-09-18 15:25:34 +02:00
parent bda081b092
commit 90aa5f94e2
3 changed files with 63 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/index.ts
View file

@ -5,12 +5,21 @@ import { RainScene } from './scenes/rain/rain-scene';
import { Scene } from './scenes/scene';
import { TunnelScene } from './scenes/tunnel-scene';
const scenes = [RainScene, TunnelScene];
const sceneIntervalInSeconds = 8;
glMatrix.setMatrixArrayType(Array);
const deltaTimeCalculator = new DeltaTimeCalculator();
const canvas = document.querySelector('canvas') as HTMLCanvasElement;
const info = document.querySelector('#info');
const button = document.querySelector('#remove-clutter');
const overlay = document.querySelector('#overlay') as HTMLDivElement;
button.addEventListener('click', () =>
[info, button, overlay].forEach((e) => e.remove())
);
const handleScene = async (SceneConstructor: new () => Scene) => {
const scene = new SceneConstructor();
await scene.initialize(canvas, overlay);
@ -24,7 +33,7 @@ const handleScene = async (SceneConstructor: new () => Scene) => {
scene.drawNextFrame(currentTime, deltaTime);
if ((timeSinceStart += deltaTime) > 8 * 1000) {
if ((timeSinceStart += deltaTime) > sceneIntervalInSeconds * 1000) {
triggerIsOver();
} else {
requestAnimationFrame(handleFrame);
@ -39,8 +48,6 @@ const handleScene = async (SceneConstructor: new () => Scene) => {
const main = async () => {
try {
const scenes = [RainScene, TunnelScene];
let i = 0;
for (;;) {
await handleScene(scenes[i++ % scenes.length]);