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