<!DOCTYPE html>
<html>
<head>
<title>Untitled Document</title>
<meta charset="utf-8">
<style type="text/css">
body {
background-color: #999;
}
</style>
<script>
function move()
{
key=event.keyCode;
var speed = 10;
//alert("Hi");
switch(key)
{
//W key
case 119:
//alert(keyArray[keyEnum.A_Key]);
if(keyArray[keyEnum.A_Key])
{
var left = parseInt(document.getElementById("fighter").style.left);
var bottom = parseInt(document.getElementById("fighter").style.bottom);
if(left != 0 && bottom != 0){
left -= speed;
bottom +=speed;
}
document.getElementById("fighter").style.left = left + "px";
document.getElementById("fighter").style.bottom = bottom + "px";
}else if (keyArray[keyEnum.S_Key])
{
break;
}else if(keyArray[keyEnum.D_Key])
{
var left = parseInt(document.getElementById("fighter").style.left);
var bottom = parseInt(document.getElementById("fighter").style.bottom);
if(left != 1590 && bottom != 0){
left += speed;
bottom +=speed;
}
document.getElementById("fighter").style.left = left + "px";
document.getElementById("fighter").style.bottom = bottom + "px";
}
else
{
var bottom = parseInt(document.getElementById("fighter").style.bottom);
if(bottom != 0)
{
bottom += speed;
document.getElementById("fighter").style.bottom = bottom + "px";
}
}
/*var bottom = parseInt(document.getElementById("fighter").style.bottom);
if(bottom != 0){
bottom += speed;
document.getElementById("fighter").style.bottom = bottom + "px";
}*/
//alert(parseInt(bottom));
break;
case 97:
if(keyArray[keyEnum.W_Key])
{
var left = parseInt(document.getElementById("fighter").style.left);
var bottom = parseInt(document.getElementById("fighter").style.bottom);
if(left != 0 && bottom != 0){
left -= speed;
bottom +=speed;
}
document.getElementById("fighter").style.left = left + "px";
document.getElementById("fighter").style.bottom = bottom + "px";
}else if (keyArray[keyEnum.S_Key])
{
var left = parseInt(document.getElementById("fighter").style.left);
var bottom = parseInt(document.getElementById("fighter").style.bottom);
if(left != 0 && bottom != -450){
left -= speed;
bottom -=speed;
}
document.getElementById("fighter").style.left = left + "px";
document.getElementById("fighter").style.bottom = bottom + "px";
}else if(keyArray[keyEnum.D_Key])
{
break;
}
else
{
var left = parseInt(document.getElementById("fighter").style.left);
if(left != 0)
{
left -= speed;
document.getElementById("fighter").style.left = left + "px";
}
}
break;
case 115:
if(keyArray[keyEnum.W_Key])
{
break;
}
else if (keyArray[keyEnum.A_Key])
{
var left = parseInt(document.getElementById("fighter").style.left);
var bottom = parseInt(document.getElementById("fighter").style.bottom);
if(left != 0 && bottom != -450){
left -= speed;
bottom -=speed;
}
document.getElementById("fighter").style.left = left + "px";
document.getElementById("fighter").style.bottom = bottom + "px";
}else if(keyArray[keyEnum.D_Key])
{
var left = parseInt(document.getElementById("fighter").style.left);
var bottom = parseInt(document.getElementById("fighter").style.bottom);
if(left != 1590 && bottom != -450){
left += speed;
bottom -=speed;
}
document.getElementById("fighter").style.left = left + "px";
document.getElementById("fighter").style.bottom = bottom + "px";
}
else
{
var bottom = parseInt(document.getElementById("fighter").style.bottom);
if(bottom != -450)
{
bottom -= speed;
document.getElementById("fighter").style.bottom = bottom + "px";
}
}
break;
case 100:
if(keyArray[keyEnum.W_Key])
{
var left = parseInt(document.getElementById("fighter").style.left);
var bottom = parseInt(document.getElementById("fighter").style.bottom);
if(left != 1590 && bottom != 0){
left += speed;
bottom +=speed;
}
document.getElementById("fighter").style.left = left + "px";
document.getElementById("fighter").style.bottom = bottom + "px";
}else if (keyArray[keyEnum.S_Key])
{
var left = parseInt(document.getElementById("fighter").style.left);
var bottom = parseInt(document.getElementById("fighter").style.bottom);
if(left != 1590 && bottom != -450){
left += speed;
bottom -=speed;
}
document.getElementById("fighter").style.left = left + "px";
document.getElementById("fighter").style.bottom = bottom + "px";
}else if(keyArray[keyEnum.A_Key])
{
break;
}
else
{
var left = parseInt(document.getElementById("fighter").style.left);
if(left != 1590)
{
left += speed;
document.getElementById("fighter").style.left = left + "px";
}
}
break;
default:
break;
}
}
function bullet()
{
/*bullets[0]=document.getElementById("b1");
bullets[1]=document.getElementById("b2");
bullets[2]=document.getElementById("b3");*/
//for(var j=0; j<100; j++)
// {
//alert("hi");
for(var i=0;i<bullets.length;i++)
{
var b = parseInt(bullets[i].style.bottom);
var l = parseInt(bullets[i].style.left);
//alert(b);
switch(dir[i])
{
case 1:
b += 5;
break;
case 2:
b += 5;
l += 5;
break;
case 3:
l += 5;
break;
case 4:
b -= 5;
l += 5;
break;
case 5:
b -= 5;
break;
case 6:
b -= 5;
l -= 5;
break;
case 7:
l -= 5;
break;
case 8:
b += 5;
l -= 5;
break;
}
bullets[i].style.bottom = b + "px";
bullets[i].style.left = l + "px";
}
}
function addBullet(){
var b = document.createElement("img");
b.src = "bullet.jpg";
b.width = 10;
b.height = 10;
b.style.position = "relative";
b.style.bottom =-450*Math.random()+"px";
b.style.left = 1590*Math.random()+"px";
var dv = document.getElementById("content").appendChild(b);
bullets[bullets.length] =b;
dir[dir.length]= Math.floor(Math.random()*8 +1);
}
//wait(300);
// }
// }
var keyEnum = { W_Key:0, A_Key:1, S_Key:2, D_Key:3 };
var keyArray = new Array(4);
function onKeyDown()
{
//alert("Key down");
key=event.keyCode;
// Detect which key was pressed
//alert (key);
switch(key)
{
case 87:
keyArray[keyEnum.W_Key] = true;
break;
case 65:
keyArray[keyEnum.A_Key] = true;
break;
case 83:
keyArray[keyEnum.S_Key] = true;
break;
case 68:
keyArray[keyEnum.D_Key] = true;
break;
default:
break;
}
// Repeat for each key you care about...
}
function onKeyUp()
{
key=event.keyCode;
// Detect which key was released
switch(key)
{
case 87:
keyArray[keyEnum.W_Key] = false;
break;
case 65:
keyArray[keyEnum.A_Key] = false;
break;
case 83:
keyArray[keyEnum.S_Key] = false;
break;
case 68:
keyArray[keyEnum.D_Key] = false;
break;
default:
break;
}
// Repeat for each key you care about...
}
function isKeyDown(key)
{
return keyArray[key];
}
document.onkeypress=move;
document.onkeydown = onKeyDown;
document.onkeyup = onKeyUp;
var bullets = new Array();
var dir = new Array();
var tim = setInterval("bullet()", 10);
var t2 = setInterval("addBullet()", 200);
var key;
</script>
</head>
<body onLoad="bullet()">
<div style="background-image:ur