Einen schönen guten Nachmittag!
Nach vielen endlosen Stunden der Recherche will sich mein Ziel wohl nicht erfüllen: Das kleine Spiel PONG in Javascript. Alles ist soweit fertig:
Die Balken lassen sich per Tastatur bewegen und mein Ball hüpft wild im Spielfeld rum. Das Schöne: mein Ball wird brav von den Seiten des Feldes abgeprallt, jedoch und das macht mir zu schaffen: nicht von den Balken.
<SCRIPT language="javascript">
<!--
var x = 1;
var y = 0;
var h = 34;
var v = 7;
var g = 2;
var r = 4;
var q = 8;
var gg = 0;
var Netscape=(navigator.appName.indexOf("Netscape") != -1);
function moveball() {
var e = document.getElementById('ball');
v=v+g;q=y;if(y==r&&y>44)return;
x=x+h;y=y+v;
if(x>1200+(Netscape)*28){x=1200+(Netscape)*28;h=h*-1;}
if(y>700-(Netscape)*12){y=700-(Netscape)*12;v=v*-1;}
if(x<0){x=0;h=h*-1;}
e.style.top=y + 'px';
e.style.left=x + 'px';
t=setTimeout("moveball()",22);
}
function testKey(){gg=12;}
// -->
</script>
<script language="javascript">
var b_1 = getElementById('balken1')
var b_2 = getElementById('balken2')
var x = 0;
var y = 0;
var h = 33;
var v = 7;
function moveballb() {
var e = document.getElementById('ball');
if(x>b_1)
{x=b_1;h=h*-1;}
if(y>b_2)
{y=b_2;v=v*-1;}
e.style.top=y + 'px';
e.style.left=x + 'px';
t=setTimeout("moveballb()",22);
}
</script>
Im ersten Script ist die Animation des Balles. Lass euch von den Variabeln g, gg und q nicht berirren, denn das Script war eigentlich für einen andere Funktion gedacht, hab aber die Variabeln sicherheitshalber drin behalten.
Das zweite Script ist das wichtigerer: ich weiß nicht, warum es nicht funktioniert. Hab ich die Variabeln falsch eingebunden? ist der Syntax falsch?
Der Ball geht einfach durch die Balken durch und prallt nur am Feld ab.. Wieso bloß?
Bitte um schnelle Antworten!
Mit freundlichen Grüßen.