mylingo3d/lib/engine/eventLoop.js

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import { Cancellable } from "@lincode/promiselikes";
import { createEffect } from "@lincode/reactivity";
import { Clock } from "three";
import { getRenderer } from "../states/useRenderer";
import { getFps } from "../states/useFps";
import { getFirstLoad } from "../states/useFirstLoad";
import { getFirstLoadBeforeRender } from "../states/useFirstLoadBeforeRender";
import { emitRenderSlow } from "../events/onRenderSlow";
import { emitRenderSlowest } from "../events/onRenderSlowest";
export const timer = (time, repeat, cb) => {
    let count = 0;
    const handle = setInterval(() => {
        if (document.hidden)
            return;
        cb();
        if (repeat !== -1 && ++count >= repeat)
            clearInterval(handle);
    }, time);
    return new Cancellable(() => clearInterval(handle));
};
const callbacks = new Set();
const clock = new Clock();
let delta = 0;
export const fpsRatio = [1];
export const dt = [0];
let renderSlowCount = 0;
let renderSlowestCount = 0;
createEffect(() => {
    const renderer = getRenderer();
    if (!renderer || (getFirstLoadBeforeRender() && !getFirstLoad()))
        return;
    const targetDelta = (1 / getFps()) * 0.9;
    const fullDelta = 1 / 60;
    renderer.setAnimationLoop(() => {
        delta += clock.getDelta();
        if (delta < targetDelta)
            return;
        fpsRatio[0] = delta / fullDelta;
        dt[0] = delta;
        delta = 0;
        for (const cb of callbacks)
            cb();
        if (++renderSlowCount === 2) {
            renderSlowCount = 0;
            emitRenderSlow();
        }
        if (++renderSlowestCount === 10) {
            renderSlowestCount = 0;
            emitRenderSlowest();
        }
    });
}, [getFps, getRenderer, getFirstLoad, getFirstLoadBeforeRender]);
export const loop = (cb) => {
    callbacks.add(cb);
    return new Cancellable(() => callbacks.delete(cb));
};
//# sourceMappingURL=eventLoop.js.map