asdf-games/lib/Game.js

var Container = require("./Container"),
	CanvasRenderer = require("./renderer/CanvasRenderer")
;

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();
		this.paused = false;
	}

	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;

			if (!this.paused) {
				this.scene.update(dt, t);
				gameUpdate(dt, t);
				this.renderer.render(this.scene);
			}
		};
		requestAnimationFrame(loop);
	}
}

module.exports = Game;