Daję cały kod źródłowy (nie wiem co jest nie tak) jak dodaję funkcję zbierania przedmiotów to nawet postać nie chce się ruszać. Nie wiem co jest nie tak a muszę mieć to rozwiązane najpóźniej do jutra ://
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery.js"></script>
<style>
#gracz{
position: absolute;
left: 100px;
top: 100px;
}
#ele{
position: absolute;
left: 300px;
right: 300px;
}
</style>
<script>
var x=100,y=100,jump=0;
var mX = new arrey();
var mY = new arrey();
var mI = 0;
function start()
{
addBrick(100,100);
gameloop();
}
function gameloop()
{
if (jump>0){
jump-=1;
y-=15;
}else if (y<270)
{
y+=2
}
$("#gracz").css("top",y+"px");
setTimeout("gameloop()",1);
}
function addBrick(ax,ay)
{
mX[mI] = ax;
mY[mI] = ay;
$("#brick").append("div style='position: absolute; left: "+ax+"px; top: "+ay+"px; width: 32px; height: 32px; background-color:blue;'></div>");
mI+=1;
}
$(document).keydown(function(e){
if (e.keyCode==37)
{
x-=10;
}else if (e.keyCode==39)
{
x+=10;
}
if (e.keyCode==38)
{
jump = 20;
}
$("#gracz").css("left",x+"px");
}
);
</script>
</head>
<body onload="start()">
<body onload="start()">
<img id="gracz" src="post.jpg">
<img id="ele" src="ele.jpg">
<div id='brick' style='position: absolute; left: 0px; top: 0px;'></div>
<div style='position: absolute; left: 8px; right: 8px; top: 300px; height: 100px; background-color: green;'></div>
</body>
</html>
Muszę uprzedzić, że "ele.jpg" to jest małe logo u góry ekranu.
Money i Brick mogą występować zamiennie bo zmieniałem nazewnictwo i mogłem coś przeoczyć...