Anzeige
Tutorialbeschreibung

Spieleprogrammierung mit HMTL/CSS & JavaScript am Beispiel Hangman

Spieleprogrammierung mit HMTL/CSS & JavaScript am Beispiel Hangman

In diesem Video-Training möchte ich euch erklären, wie ihr ein einfaches Spiel auf Basis von HTML, CSS und JavaScript programmieren könnt. Bei dem Spiel handelt es sich um das bekannte Galgenmannspiel (Hangman, Galgenmännchen, usw.), das vor allem in Schulen sehr beliebt ist. Da die HTML- und CSS-Programmierung für dieses Spiel relativ einfach ist, werde ich diese nur überfliegen, den JavaScript Code, der das eigentliche Spiel ausmacht, erkläre ich genau. Es ist also etwas Grundwissen in HTML und CSS erforderlich, es ist aber wirklich ganz leicht; das meiste ist JavaScript-Code.

Das fertige Spiel sieht später so aus: http://www.galgenmann-spiel.de/

Ihr könnt euch gerne die Arbeitsdaten herunterladen; diese enthalten die Illustrator-Datei mit Galgen und Männchen sowie sämtliche HTML-, CSS- und JavaScript-Dateien für das Spiel.


DVD-Werbung
Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von spirit010
  • 06.06.2017 - 13:17

Vielen dank, tolles Video.

Portrait von CreaDeCon
  • 05.06.2014 - 12:27

Tolles Tutorial! Vielen Dank!

Portrait von Fredchen19
  • 17.11.2012 - 10:26

Hallo habe mir grade das Video angeguckt, bin grade am javascript/jquery lernen, und finde es super. Die fehler sind mir noch nicht aufgefallen, werde aber gleich versuchen den Hangman nachzubauen.

Portrait von devnull4711
  • 26.04.2012 - 10:42

Ein weiterer kleiner Fehler: Die Umlaute werden nicht richtig behandelt. Sie sind in der Buchstabenliste als "ae", "oe", "ue" definiert, bei den Wörtern aber als Umlaute "ä", "ö", "ü" geschrieben. Der Vergleich klappt also nicht und Wörter mit Umlauten kann man nicht erraten.

Portrait von devnull4711
  • 23.04.2012 - 08:09

Habe das Quelltext-Archiv (Arbeitsmaterialien) heruntergeladen und im DocumentRoot eines Apache-Webservers entpackt. Funktionierte auf Anhieb. Lediglich zwei kleine Fehler sind mir aufgefallen: 1) Beim Link "Neues Spiel starten?": sollte "index.php" statt " http://www.galgenmann-spiel.de/" stehen. 2) Das Hintergrund-Bild "images/paper.jpg" fehlt.

x
×
×