movable player
This commit is contained in:
parent
7bb4134d32
commit
79639e8a26
1 changed files with 45 additions and 3 deletions
48
herzle.html
48
herzle.html
|
@ -20,14 +20,56 @@
|
|||
t = -Math.PI/2;
|
||||
}
|
||||
|
||||
setTimeout("timed()", 100);
|
||||
// setTimeout("timed()", 100);
|
||||
}
|
||||
|
||||
player_pos = 0;
|
||||
|
||||
document.onkeydown = onKeyDown;
|
||||
|
||||
function onKeyDown(e) {
|
||||
e = e || window.event;
|
||||
|
||||
var player = document.getElementById("player");
|
||||
|
||||
if (e.keyCode == '37') { // left
|
||||
player_pos -= 10;
|
||||
player.style.left = player_pos;
|
||||
}
|
||||
if (e.keyCode == '39') { // right
|
||||
player_pos += 10;
|
||||
player.style.left = player_pos;
|
||||
}
|
||||
if (e.keyCode == '32') { // space = fire
|
||||
var pewpew = document.getElementById("pewpew");
|
||||
pewpew.innerHTML = "pew! pew!";
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
* {
|
||||
font-size: 20pt;
|
||||
color: #ff00ff;
|
||||
font-family: helvetica, arial;
|
||||
}
|
||||
#player {
|
||||
position: absolute;
|
||||
bottom: 10%;
|
||||
}
|
||||
#pewpew {
|
||||
position:absolute;
|
||||
top: 10%;
|
||||
right: 10%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body onload="timed()" >
|
||||
<span id="herzle" style="font-size: 20pt; color: #ff00ff; font-family: helvetica, arial;"><3</span>
|
||||
<body>
|
||||
<span id="herzle"><3</span>
|
||||
<span id="player"><</span>
|
||||
<span id="pewpew"></span>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
Reference in a new issue