"use strict";

var canvasWidth = 1280;
var canvasHeight = 650;
var c = undefined
var ctx = undefined

var game = {
    level: 1,
    speed: 1,
    gameOver: false,
    frames: 0,
    timer: 0,
}

var keys = {
    up: false,
    down: false,
    left: false,
    right: false,
    fire: false
}

window.onload = function () {
    init()
}

function init() {
    c = document.getElementById("canvas");
    ctx = c.getContext('2d');
    document.addEventListener('keydown', keyDownPressed, false);
    document.addEventListener('keyup', keyUpPressed, false);
    gameLoop();
}

function keyDownPressed(e) {
    if (e.keycode == 81) {
        keys.up = true;
    } else if (e.keycode == 65) {
        keys.down = true
    }

    if (e.keycode == 79) {
        keys.left = true;
    }
    
    if (e.keycode == 80) {
        keys.right = true;
    }

    if (e.keycode == 32) {
        keys.fire = true;
        alert("fire");
    }
}
function keyUpPressed(e) {
    if (e.keycode == 81) {
        keys.up = false;
    } else if (e.keycode == 65) {
        keys.down = false;
    }

    if (e.keycode == 79) {
        keys.left = false;
    }

    if (e.keycode == 80) {
        keys.right = false;
    }

    if (e.keycode == 32) {
        keys.fire = false;
    }
}

function clearGame() {
    ctx.clearRect(0, 0, canvasWidth, canvasHeight);
}

function updateGame() {
    
    
    game.frames++;
}

function drawGame() {

}

function gameLoop(timestamp){
    clearGame(); 
    updateGame();
    drawGame();
    window.requestAnimationFrame(gameLoop);
}