@figliolia/ripples/dist/mjs/Animation.js

WebGL ripples based on the clever work of Pim Schreurs

import { Subscriptable } from "@figliolia/event-emitter";
export class Animations {
    static frame = null;
    static callstack = new Subscriptable();
    static register(callback) {
        const ID = this.callstack.register(callback);
        void Promise.resolve().then(() => {
            this.nextFrame();
        });
        return ID;
    }
    static delete(ID) {
        return this.callstack.remove(ID);
    }
    static nextFrame() {
        if (this.frame) {
            return;
        }
        this.animate();
    }
    static animate() {
        this.frame = requestAnimationFrame(() => {
            if (!this.callstack.length) {
                return this.closeLoop();
            }
            this.callstack.execute();
            this.animate();
        });
    }
    static closeLoop() {
        if (this.frame) {
            cancelAnimationFrame(this.frame);
            this.frame = null;
        }
    }
}