Spiele mit JavaScript

In dieser Reihe stellen wir vor, wie man mit JavaScript schnell kleine Browser-Spiele programmieren kann.

• 1 + 2 = ?

  Zahlenspiele
  • Zufallsgenerator
  • Zahlen-Raten
  • Mathe-Quiz
   
• 

  Memo-Quiz
  • DOM-Manipulation
  • Event-Delegation
   
• 

  Tic-Tac-Toe
  • Buttons auswerten
  • Buttons mit CSS gestalten
   
• 

  Multiple-Choice-Quiz
   
• 

  Lotto
  • Zahleneingabe
  • Ziehung
   
• 

  Sum-up
  • DOM-Manipulation
  • Zufallszahlen
  • Event-Delegation
   

Browsergame vs Multiplayer

Browser-Spiele sind im Grunde eigenständige Webanwendungen, die einmal vom Server geladen werden und anschließend selbstständig im Browser laufen. Wenn überhaupt, werden Daten lediglich lokal im Browser gespeichert.[

Im Forum taucht regelmäßig die Frage auf, wie man solche Spiele auf mehreren Rechnern gleichzeitig spielen und dabei Ereignisse, Interaktionen sowie Spielstände untereinander austauschen kann.

Das ist jedoch nicht ohne Weiteres möglich. Damit mehrere Spieler gleichzeitig teilnehmen können, muss eine dauerhafte Verbindung zum Server bestehen bleiben. Dort werden Daten wie Benutzerinformationen, Spielzüge und Spielstände fortlaufend gespeichert und in Echtzeit an die anderen Spieler weitergegeben.

Technisch lässt sich das beispielsweise mit JavaScript auf Serverbasis (z. B. mit Node.js) umsetzen; häufig wird dafür jedoch eine Kombination aus PHP und einer SQL-Datenbank verwendet.

Siehe auch

• Adventure
  • Textabenteuer
  • Simulationen
   
• Arcade-Spiele
  Jump 'n Run
  • Zeichnen mit canvas
  • Sprites
  • Kollisionserkennung
   
• Vokabel-Trainer

  
  

   

Weblinks

Frameworks und Beispiele

• R-Quiz - JavaScript-Framework für interaktive Lernaufgaben - Felix Riesterer
• Sudoku (Jürgen Berkemeier)
• buzzwoo: Welches Framework eignet sich am besten, um ein HTML Game zu erstellen?
  Wie erstelle ich ein Memo-Quiz in Angular?