Aus dem Kurs: Programmieren lernen mit JavaScript
So erhalten Sie Zugriff auf diesen Kurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 24.200 Kurse von Branchenfachleuten.
Das Spielfeld zeichnen
Aus dem Kurs: Programmieren lernen mit JavaScript
Das Spielfeld zeichnen
Jetzt geht es mit dem eigentlichen Spiel los. Ich habe ja hier oben mein body Tag, meine div Container und zunächst einmal muss ich mir jQuery als Framework laden. Das mache ich hier in dem Falle von einem sogenannten Content Delivery Network, also von einer Seite, die jedermann und jederfrau einfach einbinden kann, d.h. das ist hier eine fremde Code Datei, die eingebunden wird. Ich könnte mir diese Datei auch herunterladen auf meine lokale Maschine und dann von der lokalen Seite laden. Ich mache es mir aber einfach und lade das einfach von einem Delivery Network herunter, das genau für solche Zwecke gedacht ist. Dann geht es hier in das eigentliche Script Tag hinein. Zunächst einmal werden hier ein paar Einstellungen definiert, z.B. die Spielfeldbreite, Angabe hier ist in Pixel und die Spielfeldhöhe. Wenn ich also ein grösseres oder kleineres Spielfeld haben möchte, muss ich hier einfach die entsprechenden Werte ändern. Dann wird hier der Durchmesser des Balles definiert…
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Inhalt
-
-
-
-
-
-
-
-
So sieht das Spiel aus59 Sek.
-
(Gesperrt)
HTML- und CSS-Gerüst vorbereiten4 Min. 37 Sek.
-
(Gesperrt)
Das Spielfeld zeichnen4 Min. 40 Sek.
-
(Gesperrt)
Das Spiel beginnen3 Min. 28 Sek.
-
(Gesperrt)
Das Spiel steuern3 Min. 15 Sek.
-
(Gesperrt)
Die Ballbewegung berechnen6 Min. 50 Sek.
-
(Gesperrt)
Den Computerspieler festlegen1 Min. 55 Sek.
-
(Gesperrt)
Die Zeitnahme bestimmen3 Min. 1 Sek.
-
(Gesperrt)
Anzeigen und Level definieren2 Min. 15 Sek.
-
(Gesperrt)
Das Spiel beenden3 Min. 42 Sek.
-
(Gesperrt)
Beim Spiel schummeln2 Min. 29 Sek.
-
-