Canvas (2D) Boilerplate

canvas-boilerplate.js

var canvas = document.querySelector('canvas');
var ctx = canvas.getContext('2d');
 
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
 
function loop() {
  clear();
  update();
  draw();
  queue();
}
 
function clear() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
}
 
function update() {
// stub
}
 
function draw() {
// stub
}
 
function queue() {
  window.requestAnimationFrame(loop);
}
 
loop();