95 lines
1.5 KiB
JavaScript
95 lines
1.5 KiB
JavaScript
"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);
|
|
} |