Key Controls

by Julien Etienne

HTML

<canvas id='canvas'></canvas>

CSS

canvas{
    background: yellow;
        width: 100%;
    height: 100vw;
}

JavaScript

var canvas = document.getElementById('canvas'),
    ctx = canvas.getContext("2d"),
    key;
    canvas.width  = 400;
    canvas.height = 400; 

document.addEventListener('keypress',keyAction, false);

function keyAction(e){
    key = e.keyCode
    
    alert(key);
}
sprite = {
    width; 20,
    height: 20,
    init: (function(){
        ctx.fillStyle = '#000',
        ctx.fillRect(0,0,20,20)
    }())
}.apply(init)