tobspr_shapez.io/src/ts/core/animation_frame.ts

import { Signal } from "./signal";

// @ts-ignore
import BackgroundAnimationFrameEmitterWorker from "../webworkers/background_animation_frame_emittter.worker";
import { createLogger } from "./logging";

const logger = createLogger("animation_frame");
const maxDtMs = 1000;
const resetDtMs = 16;
export class AnimationFrame {
    public frameEmitted = new Signal<[dt: number]>();
    public bgFrameEmitted = new Signal<[dt: number]>();

    public lastTime = performance.now();
    public bgLastTime = performance.now();

    public boundMethod = this.handleAnimationFrame.bind(this);

    public backgroundWorker = new BackgroundAnimationFrameEmitterWorker();

    constructor() {
        this.backgroundWorker.addEventListener("error", err => {
            logger.error("Error in background fps worker:", err);
        });
        this.backgroundWorker.addEventListener("message", this.handleBackgroundTick.bind(this));
    }

    handleBackgroundTick() {
        const time = performance.now();

        let dt = time - this.bgLastTime;

        if (dt > maxDtMs) {
            dt = resetDtMs;
        }

        this.bgFrameEmitted.dispatch(dt);
        this.bgLastTime = time;
    }

    start() {
        assertAlways(window.requestAnimationFrame, "requestAnimationFrame is not supported!");
        this.handleAnimationFrame(0);
    }

    handleAnimationFrame(time: number) {
        let dt = time - this.lastTime;

        if (dt > maxDtMs) {
            dt = resetDtMs;
        }

        try {
            this.frameEmitted.dispatch(dt);
        } catch (ex) {
            console.error(ex);
        }
        this.lastTime = time;
        window.requestAnimationFrame(this.boundMethod);
    }
}