Tjekke ideen bag mit spil(ping pong)
Jeg har lavet dette ping pong spil:-------------------------------------------------------
<html>
<head>
<title>
Ping Pong
</title>
<style>
#bane{
overflow:hidden;
position:relative;
width:500px;
height:400px;
border:1px solid #000;
}
#bold{
position:absolute;
width:15px;
line-height:15px;
border:1px solid #000;
top:0px;
left:0px;
}
#bat{
position:absolute;
width:100px;
height:15px;
border:1px solid #000;
left:200px;
bottom:10px;
}
#start{
text-align:center;
margin:5px;
cursor:pointer;
width:100px;
border:1px solid #000;
}
#new{
display:none;
text-align:center;
margin:5px;
cursor:pointer;
width:100px;
border:1px solid #000;
}
</style>
<script type="text/javascript">
var bat, bold, vertical, horisontal;
function start(){
if(confirm("Spillet starter hvis du trykket 'OK'!\n\nDu styrer med piltasterne! ")){
document.getElementById("start").style.display = "none";
document.getElementById("new").style.display = "block";
init();
}
}
function init(){
bat = document.getElementById("bat");
bold = document.getElementById("bold");
if(bold.offsetLeft<=0){
horisontal = "right";
}
if(bold.offsetLeft>=485){
horisontal = "left";
}
if(bold.offsetTop<=0){
vertical = "down";
}
if(bold.offsetTop>=355){
if(bold.offsetLeft>=(bat.offsetLeft-10) && bold.offsetLeft<=(bat.offsetLeft+100)){
vertical = "up";
} else {
bold.style.top = 0;
bold.style.left = Math.floor(Math.random()*100);
}
}
if(horisontal=="right"){
bold.style.left = (bold.offsetLeft + 10) + "px";
} else {
bold.style.left = (bold.offsetLeft - 10) + "px";
}
if(vertical=="down"){
bold.style.top = (bold.offsetTop + 10) + "px";
} else {
bold.style.top = (bold.offsetTop - 10) + "px";
}
window.setTimeout("init();", 100);
}
function MoveBat(e){
e = e ? e : window.event;
if(e.keyCode=="37" && bat.offsetLeft>0){
bat.style.left = (bat.offsetLeft - 10) + "px";
}
if(e.keyCode=="39" && bat.offsetLeft<395){
bat.style.left = (bat.offsetLeft + 10) + "px";
}
}
document.onkeydown = MoveBat;
</script>
</head>
<body>
<div align="center">
<h1>Ping Pong</h1>
<div id="bane">
<div id="bat"> </div>
<div id="bold"> </div>
</div>
<div id="start" onClick="start();">Start</div>
<div id="new" onClick="window.location.href=''">Nyt Spil</div>
</div>
</body>
</html>
-----------------------------
Og jeg ville høre hvordan folk synes koden er, altså om selve måden at kode det på er den bedste.
Eller hvordan skal jeg gøre - har jeg tænkt rigtigt :-)
