Archived
1
0
Fork 0
This repository has been archived on 2019-12-19. You can view files and clone it, but you cannot make any changes to it's state, such as pushing and creating new issues, pull requests or comments.
30shooter/herzle.html
2012-08-14 20:41:20 +02:00

75 lines
1.4 KiB
HTML

<html>
<head>
<script type="text/javascript">
cur_step = 10;
t = -Math.PI/2;
function timed() {
var el = document.getElementById("herzle");
el.style.position = "absolute";
el.style.left = ( Math.cos(t) + 1)/2 * window.innerWidth;
el.style.top = ((Math.sin(t)*Math.cos(t)) + 1)/2 * window.innerHeight;
el.style.fontSize = (1.0 - Math.abs(Math.cos(t))) * 300;
t = t + 0.1;
if (t > 3*Math.PI/2) {
t = -Math.PI/2;
}
// 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>
<span id="herzle">&lt;3</span>
<span id="player">&lt;</span>
<span id="pewpew"></span>
</body>
</html>