Pong

Diese Variante des Arcade-Klassikers Pong schickte uns Frithjof ein.

Das Spielprinzip ist denkbar einfach: Ihr müsst mit den Cursortasten euren Balken so bewegen, dass der Ball zurückgeschlagen wird und möglichst hinter den Balken des Gegners – in dem Fall des Computers – gelangt.

Um das Javascript auf eure eigene Homepage zu setzen, benötigt ihr noch 2 Bilder (einfach mit Rechtsklick runterladen):

Gestartet wird das Javascript-Spiel mit der Leertaste.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var Hexadezimalcode; var hohe_du = 110; var hohe_computer = 110; var ball_left = 80; var ball_top = 150; var stat = "null"; var richtung = "rechts"; function Taste_druecken(druecken){ if(!druecken){ druecken = window.event; } if(druecken.which){ Hexadezimalcode = druecken.which; } else if(druecken.keyCode){ Hexadezimalcode = druecken.keyCode; } steuerung(); } function steuerung(){ if(Hexadezimalcode==38){ if(hohe_du>=1 && stat=="laufend"){ hohe_du--; } } else if(Hexadezimalcode==40){ if(hohe_du<=199 && stat=="laufend"){ hohe_du++; } } else if(Hexadezimalcode==32 && stat!="laufend"){ stat = "laufend"; ball_steuer(); computer_steuer(); } document.getElementById("du").style.top = hohe_du + 'px'; } function ball_steuer(){ if(richtung=="rechts"){ if((ball_left+20)>=320 && ball_top>=hohe_computer && ball_top<(hohe_computer+33)){ richtung = "lo"; } else if((ball_left+20)>=320 && ball_top>=(hohe_computer+33) && ball_top<(hohe_computer+66)){ richtung = "links"; } else if((ball_left+20)>=320 && ball_top>=(hohe_computer+66) && ball_top<(hohe_computer+100)){ richtung = "lu"; } else{ ball_left++; } } else if(richtung=="links"){ if(ball_left<=80 && ball_top>hohe_du && ball_top<(hohe_du+33)){ richtung = "ro"; } else if(ball_left<=80 && ball_top>(hohe_du+33) && ball_top<(hohe_du+66)){ richtung = "rechts"; } else if(ball_left<=80 && ball_top>(hohe_du+66) && ball_top<(hohe_du+100)){ richtung = "ru"; } else{ ball_left--; } } else if(richtung=="ro"){ if((ball_left+20)>=320 && ball_top>=hohe_computer && ball_top<(hohe_computer+33)){ richtung = "lo"; } else if((ball_left+20)>=320 && ball_top>=(hohe_computer+33) && ball_top<(hohe_computer+66)){ richtung = "links"; } else if((ball_left+20)>=320 && ball_top>=(hohe_computer+66) && ball_top<(hohe_computer+100)){ richtung = "lu"; } else if(ball_top<=1){ richtung = "ru"; } else{ ball_left++; ball_top--; } } else if(richtung=="ru"){ if((ball_left+20)>=320 && ball_top>=hohe_computer && ball_top<(hohe_computer+33)){ richtung = "lo"; } else if((ball_left+20)>=320 && ball_top>=(hohe_computer+33) && ball_top<(hohe_computer+66)){ richtung = "links"; } else if((ball_left+20)>=320 && ball_top>=(hohe_computer+66) && ball_top<(hohe_computer+100)){ richtung = "lu"; } else if(ball_top>=280){ richtung = "ro"; } else{ ball_left++; ball_top++; } } else if(richtung=="lo"){ if(ball_left<=80 && ball_top>hohe_du && ball_top<(hohe_du+33)){ richtung = "ro"; } else if(ball_left<=80 && ball_top>(hohe_du+33) && ball_top<(hohe_du+66)){ richtung = "rechts"; } else if(ball_left<=80 && ball_top>(hohe_du+66) && ball_top<(hohe_du+100)){ richtung = "ru"; } else if(ball_top<=1){ richtung = "lu"; } else{ ball_left--; ball_top--; } } else if(richtung=="lu"){ if(ball_left<=80 && ball_top>hohe_du && ball_top<(hohe_du+33)){ richtung = "ro"; } else if(ball_left<=80 && ball_top>(hohe_du+33) && ball_top<(hohe_du+66)){ richtung = "rechts"; } else if(ball_left<=80 && ball_top>(hohe_du+66) && ball_top<(hohe_du+100)){ richtung = "ru"; } else if(ball_top>=280){ richtung = "lo"; } else{ ball_left--; ball_top++; } } if(ball_left>380){ alert("Du hast gewonnen"); } else if(ball_left<1){ alert("Du hast verloren"); } else{ document.getElementById("ball").style.left = ball_left + 'px'; document.getElementById("ball").style.top = ball_top + 'px'; setTimeout("ball_steuer()", 10); } } function computer_steuer(){ if(richtung=="rechts" || richtung=="ro" || richtung=="ru"){ if(ball_top<hohe_computer){ hohe_computer--; } else if(ball_top>hohe_computer && ball_top<(hohe_computer+50) && hohe_computer<200){ hohe_computer++; } else if(ball_top>(hohe_computer+50) && hohe_computer<200){ hohe_computer++; } } document.getElementById("computer").style.top = hohe_computer + 'px'; setTimeout("computer_steuer()", 20); } //--> </script> <div style="relative; left:0px; top:0px; background-color:#000000; width:400px; height:300px"> <div style="position:absolute; left:50px; top:110px" id="du"><img src="balken.gif" alt="" /></div> <div style="position:absolute; left:80px; top:150px" id="ball"><img src="ball.gif" alt="" /></div> <div style="position:absolute; left:320px; top:110px" id="computer"><img src="balken.gif" alt="" /></div> </div> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/spiele/pong/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">document.onkeydown = Taste_druecken;</script> <!-- präsentiert von kostenlose-javascripts.de -->