summaryrefslogtreecommitdiffstats
path: root/src/controller
diff options
context:
space:
mode:
authorMatthias Schiffer <mschiffer@universe-factory.net>2018-11-17 13:51:38 +0100
committerMatthias Schiffer <mschiffer@universe-factory.net>2018-11-17 13:51:38 +0100
commit38e90fc2e309d394832eee471d4cb9877ae908e2 (patch)
treed0c162d8c4935e05396ac804e323cc8188565a38 /src/controller
parent49699eeb453b3ea8b934a6a69795e9db26d523c3 (diff)
downloadrpgedit-38e90fc2e309d394832eee471d4cb9877ae908e2.tar
rpgedit-38e90fc2e309d394832eee471d4cb9877ae908e2.zip
GameContext: async render loop
Diffstat (limited to 'src/controller')
-rw-r--r--src/controller/gamecontext.ts18
1 files changed, 10 insertions, 8 deletions
diff --git a/src/controller/gamecontext.ts b/src/controller/gamecontext.ts
index 4fcc883..1a94e3e 100644
--- a/src/controller/gamecontext.ts
+++ b/src/controller/gamecontext.ts
@@ -9,7 +9,7 @@ import { Renderer } from '../view/renderer/renderer';
import { Collidable } from '../math/collision';
import { Movement } from '../math/line';
-import { getJSON } from '../util';
+import { getJSON, nextAnimationFrame } from '../util';
import { vec2 } from 'gl-matrix';
@@ -84,7 +84,7 @@ export class GameContext implements CollidableGroup {
}
});
- window.requestAnimationFrame(this.render);
+ this.renderLoop();
}
public getTranslation(): null {
@@ -160,16 +160,18 @@ export class GameContext implements CollidableGroup {
this.updateStep();
}
- private render = (curTime: number) => {
- const time = curTime - this.initTime;
- this.update(time);
-
+ private render(): void {
this.renderer.setCenter(this.player.pos);
this.renderer.clear();
for (const r of [this.mapView, ...this.entities, this.player])
- r.render(time);
+ r.render(this.time);
+ }
- window.requestAnimationFrame(this.render);
+ private async renderLoop(): Promise<void> {
+ while (true) {
+ this.update(await nextAnimationFrame() - this.initTime);
+ this.render();
+ }
}
}