jeffemmett
/
folk-canvas
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add animation frame timeout

This commit is contained in:
“chrisshank” 2024-12-10 14:20:21 -08:00
parent 7e2acb820e
commit 8eae25d706
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/common/animation-frame-controller.ts
View File

@ -11,6 +11,8 @@ export class AnimationFrameController implements ReactiveController {
#lastTime = 0; #lastTime = 0;
#dtAccumulator = 0; #dtAccumulator = 0;
#fixedTimestep = 1 / 60; #fixedTimestep = 1 / 60;
#timeoutMs;
#timeoutId = -1;
get fixedTimestep() { get fixedTimestep() {
return this.#fixedTimestep; return this.#fixedTimestep;
@ -21,8 +23,9 @@ export class AnimationFrameController implements ReactiveController {
return this.#isRunning; return this.#isRunning;
} }
constructor(host: AnimationFrameControllerHost) { constructor(host: AnimationFrameControllerHost, timeoutMs = 5000) {
this.#host = host; this.#host = host;
this.#timeoutMs = timeoutMs;
host.addController(this); host.addController(this);
} }
@ -30,7 +33,11 @@ export class AnimationFrameController implements ReactiveController {
this.start(); this.start();
} }
hostUpdate() {} hostUpdated() {
window.clearTimeout(this.#timeoutId);
this.#timeoutId = window.setTimeout(this.stop, this.#timeoutMs);
this.start();
}
hostDisconnected() { hostDisconnected() {
this.stop(); this.stop();
@ -61,8 +68,9 @@ export class AnimationFrameController implements ReactiveController {
this.#tick(); this.#tick();
} }
stop() { stop = () => {
cancelAnimationFrame(this.#tick); cancelAnimationFrame(this.#tick);
window.clearTimeout(this.#timeoutId);
this.#isRunning = false; this.#isRunning = false;
} };
} }