hex13

loadImages('images', ['player.png', 'ufo.png'], initialize); 

hex13

$(document).ready(function() {
    loadImages('images', ['player.png', 'ufo.png'], initialize);    
    $(document).keydown(function(e) {
        key = {37: 'left', 38: 'up', 39:'right', 40:'down'}[e.keyCode];
        player.input(key)
    })
});

hex13

player.input = function(key) {
    switch(key){ 
        case 'left': this.x -= this.speed; break;
        case 'right': this.x += this.speed; break;
        case 'up': this.y -= this.speed; break;
        case 'down': this.y += this.speed; break;
    }
}

hex13

var player;

hex13

player = createEntity('player', {x:300,y:280, speed:4});

hex13

function gameLoop() {
    ctx.clearRect(0,0,canvas.width, canvas.height);

    entities.forEach(function (entity) {
        entity.move();
    });

    entities.forEach(function (entity) {
        entity.draw(ctx);
    });

hex13

setInterval(gameLoop, 1000/60);

hex13

entities.forEach(function (entity) {
    entity.draw(ctx);
});    

hex13

createEntity('player', {x:300,y:280})
createEntity('ufo', {x:0, y:20, vx:1, vy:0.1})
createEntity('ufo', {x:120, y:80, vx:1.1, vy:0})    
createEntity('ufo', {x:40, y:130, vx:1.05, vy:0})

hex13

initCanvas();