GameLoopHandler.js

import ChannelHandler from "./ChannelHandler.js"

export default class GameLoopHandler {
    static on = false
    static intVar = 0
    static framerate = 30

    static init = () => {
        document.getElementById("pauseBtn").addEventListener("click",this.pause)
        document.getElementById("restartBtn").addEventListener("click",this.start)
        this.start()
    }

    static pause = () => {
        if(this.on) {
            cancelAnimationFrame(this.intVar)
            this.on = false
            ChannelHandler.sendMsg(1,false)
            ChannelHandler.sendMsg(2,false)
        }
    }

    static start = () => {
        if(!this.on) {
            const stop = (t) => {
                this.intVar = requestAnimationFrame(() => {
                    let now = new Date()
                    ChannelHandler.sendMsg(0, {
                        ms: now - t
                    })
                    stop(now)
                })
            }
            requestAnimationFrame(() => {stop(new Date())})
            this.on = true
            ChannelHandler.sendMsg(1,true)
            ChannelHandler.sendMsg(2,true)
        }
    }
}