Pong in JavaScript - Ein kleines Spielchen programmieren

Kategorien: HTML, JavaScript, CSS, ...
3 Antworten
beyox
beyox am Montag, 20. Juni 2005 um 19:40
hey hallo... ich habe mal angefangen Pong zu schreiben, weil wir für Informatik ein Spiel machen sollten....muss es Mittwoch abgeben. Hätte nich jemand Lust ein bisschen weiter zu machen? :D Is gar nihc so viel code, man kann die Balken über I, K und M sowie Q, A und Y steuern. Sicher sollte das Spiel noch überprüfen ob der ball auch auf dem Balken landet....sonst prallt er überall ab. hier mal der Code (sieht alles viel mehr aus, als es is....oh man ich hätte es auch mal kommentieren können, aber es ist wirklich alles simpel und nachvollziehbar, hoffe ich zumindest) <html> <head> <title>Test</title> <script language="JavaScript"> <!-- var x=350; var y=250; var vx=3; var vy=3; var balkeny=50; var balkenvy = 0; var balken2y=50; var balken2vy = 0; function ball(){ x=x+vx; y=y+vy; document.all.Ball.style.left = x; document.all.Ball.style.top = y; if (y <= 450) { window.setTimeout("ball()",20); } else{ vy=-vy; window.setTimeout("ball()",20); } if (x > 650) { vx=-vx; } if (y < 50){ vy=-vy; } if (x < 50){ vx=-vx; } } function Tastendruck (Ereignis) { if(!Ereignis) Ereignis = window.event; if (Ereignis.keyCode == "121"){ balkenvy=5; } if (Ereignis.keyCode == "113"){ balkenvy=-5; } if (Ereignis.keyCode == "97"){ balkenvy=0; } if (Ereignis.keyCode == "109"){ balken2vy=5; } if (Ereignis.keyCode == "105"){ balken2vy=-5; } if (Ereignis.keyCode == "107"){ balken2vy=0; } } document.onkeypress = Tastendruck; function balken(){ // Balken 1 balkeny=balkeny+balkenvy; document.all.A.style.top = balkeny; if (balkeny < 400) { window.setTimeout("balken()",25); } else{ balkenvy=-balkenvy; window.setTimeout("balken()",25); } if (balkeny < 50){ balkenvy=-balkenvy; } // Balken 2 balken2y=balken2y+balken2vy; document.all.B.style.top = balken2y; if (balken2y < 400) { window.setTimeout("balken2()",25); } else{ balken2vy=-balken2vy; window.setTimeout("balken2()",25); } if (balken2y < 50){ balken2vy=-balken2vy; } } //--> </script> <noscript></noscript> </head> <body onLoad="balken()" bgcolor="#000000"> <div id="spielfeld" style="position:absolute; top:50px; left:50px; width: 600px; height=400px; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff;"></div> <div id="A" style="position:absolute; top:50px; left:50px; width: 3px; height=50px; background-color: #ffffff;"> </div> <div id="B" style="position:absolute; top:55px; left:650px; width: 3px; height: 50px; background-color: #ffffff;"> </div> <div id="Ball" style="position:absolute; top:250px; left:350px; background-color:#ffffff;"><img src="ball.gif" width="5" height="5"></div> <div style="position:absolute; top:500px; left:50px;> <form name="formular1"> <input type="button" onClick="ball()" value="los gehts"> </form> </div> </body> </html>

Kommentare

blackfeet
blackfeet am Dienstag, 21. Juni 2005 um 13:32

Also bei mir unterm firefox funktioniert das spiel nicht wirklich, der Ball bewegt sich zwar, man sieht aber die untere begrenzung und den linken Balken nicht. außerdem kann man die Balken auch nicht bewegen.

beyox
beyox am Dienstag, 21. Juni 2005 um 15:03

beschränken wir uns mal auf IE, das reicht mir völlig =)

js is doch eh unbrauchbar, wenn man was machen will, was in allen browesern gehn. ich finds zum kotzen :D

blackfeet
blackfeet am Mittwoch, 22. Juni 2005 um 13:33

Gut, dann ohne mich, im Linux gibts keinen IE.

Intolleranz, ... :P