neingeist/30shooter
Archived
1
0
Fork 0
Code Releases Activity

render!

Browse source
This commit is contained in:
neingeist 2012-08-14 22:47:02 +02:00
parent 59513aa5a8
commit d461213cae
1 changed files with 13 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

22
herzle.html
View file

@ -3,7 +3,8 @@
<head> <head>
<script type="text/javascript"> <script type="text/javascript">
player_pos = 0; player_pos = [300, 0];
enemy_pos = [300, 0];
pewpew = 0; pewpew = 0;
document.onkeydown = onKeyDown; document.onkeydown = onKeyDown;
@ -14,12 +15,10 @@
var player = document.getElementById("player"); var player = document.getElementById("player");
if (e.keyCode == '37') { // left if (e.keyCode == '37') { // left
player_pos -= 10; player_pos[0] -= 10;
player.style.left = player_pos;
} }
if (e.keyCode == '39') { // right if (e.keyCode == '39') { // right
player_pos += 10; player_pos[0] += 10;
player.style.left = player_pos;
} }
if (e.keyCode == '32') { // space = fire if (e.keyCode == '32') { // space = fire
shoot(player_pos); shoot(player_pos);
@ -28,7 +27,7 @@
shoots = []; shoots = [];
function shoot(player_pos) { function shoot(player_pos) {
shoots[shoots.length] = [player_pos, 500]; shoots[shoots.length] = [player_pos[0], 500];
// pewpew = 5; // pewpew = 5;
} }
@ -58,7 +57,7 @@ function gameLoop() {
if (shoots[i]) { if (shoots[i]) {
var shootdiv = document.getElementById('shoot' + i); var shootdiv = document.getElementById('shoot' + i);
if (shootdiv && isCollided(shootdiv, enemydiv)) { if (shootdiv && isCollided(shootdiv, enemydiv)) {
pewpew = 10; pewpew = 5;
} }
} }
} }
@ -96,10 +95,15 @@ function gameLoop() {
pewpewdiv.innerHTML = ""; pewpewdiv.innerHTML = "";
} }
// render player
var playerdiv = document.getElementById("player");
playerdiv.style.left = player_pos[0];
// FIXME playerdiv.style.top = player_pos[1];
// render enemy // render enemy
var enemydiv = document.getElementById("enemy"); var enemydiv = document.getElementById("enemy");
enemydiv.style.left = 300; enemydiv.style.left = enemy_pos[0];
enemydiv.style.top = 10; enemydiv.style.top = enemy_pos[1];
// animate shoots // animate shoots
for(var i = 0; i < shoots.length; i++) { for(var i = 0; i < shoots.length; i++) {