39 lines
946 B
JavaScript
39 lines
946 B
JavaScript
|
import Container from "./Container.js";
|
||
|
|
import CanvasRenderer from "./renderer/CanvasRenderer.js";
|
||
|
|
|
||
|
|
const STEP = 1 / 60;
|
||
|
|
const FRAME_MAX = 5 * STEP;
|
||
|
|
|
||
|
|
class Game {
|
||
|
|
constructor (w, h, pixelated, parent = "#board") {
|
||
|
|
this.w = w;
|
||
|
|
this.h = h;
|
||
|
|
this.renderer = new CanvasRenderer(w, h);
|
||
|
|
document.querySelector(parent).appendChild(this.renderer.view);
|
||
|
|
|
||
|
|
if (pixelated) {
|
||
|
|
this.renderer.setPixelated();
|
||
|
|
}
|
||
|
|
|
||
|
|
this.scene = new Container();
|
||
|
|
}
|
||
|
|
|
||
|
|
run(gameUpdate = () => {}) {
|
||
|
|
let dt = 0;
|
||
|
|
let last = 0;
|
||
|
|
const loop = ms => {
|
||
|
|
requestAnimationFrame(loop);
|
||
|
|
|
||
|
|
const t = ms / 1000;
|
||
|
|
dt = Math.min(t - last, FRAME_MAX);
|
||
|
|
last = t;
|
||
|
|
|
||
|
|
this.scene.update(dt, t);
|
||
|
|
gameUpdate(dt, t);
|
||
|
|
this.renderer.render(this.scene);
|
||
|
|
};
|
||
|
|
requestAnimationFrame(loop);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Game;
|