testing
This commit is contained in:
parent
b61241829a
commit
492a4561f2
4 changed files with 8282 additions and 0 deletions
45
css/style.css
Normal file
45
css/style.css
Normal file
|
@ -0,0 +1,45 @@
|
|||
#background {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: black;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
#ground {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
#game {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 60;
|
||||
}
|
||||
|
||||
#hud {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 90;
|
||||
}
|
||||
|
||||
#ship {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
background: white;
|
||||
}
|
14
index.html
14
index.html
|
@ -0,0 +1,14 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" media="all" href="css/style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="background"></div>
|
||||
<div id="ground"></div>
|
||||
<div id="game"><div id="ship"></div></div>
|
||||
<div id="hud"></div>
|
||||
<script type="text/javascript" src="js/jquery-1.5.js"></script>
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
8176
js/jquery-1.5.js
vendored
Normal file
8176
js/jquery-1.5.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
47
js/main.js
Normal file
47
js/main.js
Normal file
|
@ -0,0 +1,47 @@
|
|||
var keys = {};
|
||||
|
||||
function controlship() {
|
||||
for (var i in keys) {
|
||||
|
||||
//a pressed
|
||||
if (i == 65) {
|
||||
$('#ship').css('left', (parseInt($('#ship').css('left'),10) - 10) + 'px');
|
||||
|
||||
}
|
||||
// s pressed
|
||||
if (i == 83) {
|
||||
$('#ship').css('top', (parseInt($('#ship').css('top'),10) + 10) + 'px');
|
||||
}
|
||||
// d pressed
|
||||
if (i == 68) {
|
||||
$('#ship').css('left', (parseInt($('#ship').css('left'),10) + 10) + 'px');
|
||||
}
|
||||
// w pressed
|
||||
if (i == 87) {
|
||||
$('#ship').css('top', (parseInt($('#ship').css('top'),10) - 10) + 'px');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
$(document).keydown(function (evt) {
|
||||
var code = evt.keyCode || evt.which;
|
||||
keys[code] = true;
|
||||
});
|
||||
|
||||
$(document).keyup(function (evt) {
|
||||
var code = evt.keyCode || evt.which;
|
||||
delete keys[code];
|
||||
|
||||
|
||||
});
|
||||
|
||||
function onTimerTick() {
|
||||
controlship();
|
||||
}
|
||||
|
||||
setInterval(onTimerTick, 33); // 33 milliseconds = ~ 30 frames per sec
|
||||
|
||||
|
||||
|
Loading…
Reference in a new issue