sweetdude24
Nieuwe gebruiker
- Lid geworden
- 20 jun 2008
- Berichten
- 1
Hoi ik ben al een tijdje bezig met een javascript snake proberen te maken maar heb een paar problemen/vragen.
Dit is dus mijn stukje code wat ik al heb.
De dingen die ik alleen niet aan het werk krijg zijn:
1.De snake automatisch laten bewegen
2.Er voor zorgen dat er een blokje achter de snake komt als je het blauwe vakje raakt
mvg sweetdude
Code:
<title>Sneke</title>
<style>
td{
width:20px;
height:20px;
text-align:center;
background:black;
}
</style>
<head>
<script language="javascript">
var r=5
var k=5
var img = "<img src='banaan.jpg'>"
function move(e){
document.getElementById('tabel').rows[r].cells[k].style.backgroundColor="#000000"
if (e.keyCode==37 && k>0){
k--
}
else if (e.keyCode==38 && r>0){
r--
}
else if (e.keyCode==39 && k < document.getElementById('tabel').rows[r].cells.length-1){
k++
}
else if (e.keyCode==40 && r < document.getElementById('tabel').rows.length-1){
r++
}
if(document.getElementById('tabel').rows[a].cells[b].style.backgroundColor=="#0000ff" ){
alert("win")
}
document.getElementById('tabel').rows[r].cells[k].style.backgroundColor="#00FF00"
}
var n = 0
function hit(){
interval = Math.random() * 1000
setTimeout("show()", interval)
}
var a=2
var b=2
function show(){
document.getElementById('tabel').rows[a].cells[b].style.backgroundColor="#000000"
a=Math.random() * 10
b=Math.random() * 10
document.getElementById('tabel').rows[a].cells[b].style.backgroundColor="#0000ff"
interval = 1500-(n*50)
if(interval<500){
interval = 500
}
setTimeout("hide()",interval)
n++
}
function hide(){
hit()
}
</script>
</head>
<body onLoad="move(event)" onKeyDown="move(event)">
<input type="button" value="begin" id="beginknop"
onclick="hit()" >
<table id='tabel' border="1" >Dit is dus mijn stukje code wat ik al heb.
De dingen die ik alleen niet aan het werk krijg zijn:
1.De snake automatisch laten bewegen
2.Er voor zorgen dat er een blokje achter de snake komt als je het blauwe vakje raakt
mvg sweetdude
