Collections of boilerplate code and util functions for codepen.io

canvas_utils.js

let SCALE = 1;
let ctx = undefined;

function canvas (width, height) {
  width = width ? width : 200;
  height = height ? height : 200;
  
  
  let body = document.querySelector("body");  
  body.innerHTML =
    '<canvas ' +
      'id="cvs" ' +
      'width="'  + width  + 'px" ' +
      'height="' + height + 'px">' +
    '</canvas>';
  
  ctx = cvs.getContext('2d');
  return ctx;
}


function pixel (x, y, color) {
  color = color ? color : "#aaa";
  ctx.fillStyle = color;
  ctx.fillRect(SCALE*x, SCALE*y, SCALE, SCALE);
}