Dynamic canvas size

[vinnyoodles]

Nobody likes playing on a small screen. The canvas should be large enough to play, but small enough so that it is not too pixelated. The canvas size should be a percentage of the screen and should adjust as the window size changes over time.

We'll have to update how we draw the frame.

var size_mod = <fraction of the original frame, this should be greater than 1>
context.drawImage(img, 0, 0, img.width * size_mod, img.height * size_mod);

We'll also have to update the initial canvas size to take into account the window.

function setCanvas(width, height) {
    var canvas = document.getElementById('canvas');
    var modifier = <fraction of the original frame, should be relative to the window size>
    canvas.width = width * modifier;
    canvas.height = height * modifier;
}