Tutorials
Diese Seite enthält mehrere Tutorial-Serien, die verschiedene Arbeitsabläufe für die effektive Erstellung unterschiedlicher Arten von Webspielen hervorheben.
- 2D Breakout-Spiel mit reinem JavaScript
-
In diesem Schritt-für-Schritt-Tutorial implementieren Sie einen einfachen Breakout-Klon mit reinem JavaScript. Dabei lernen Sie die Grundlagen der Nutzung des
<canvas>
-Elements zur Implementierung grundlegender Spielmechaniken wie das Rendern und Bewegen von Bildern, die Kollisionserkennung, Steuerungsmechanismen sowie Gewinn- und Verlustzustände. - 2D Breakout-Spiel mit Phaser
-
In diesem Schritt-für-Schritt-Tutorial implementieren Sie denselben Breakout-Klon wie in der vorherigen Tutorial-Serie, jedoch dieses Mal mit dem Phaser HTML-Spiel-Framework. Ziel ist es, einige der Grundlagen (und Vorteile) der Arbeit mit Frameworks sowie grundlegende Spielmechaniken zu lehren.
- 2D Labyrinth-Spiel mit Geräteorientierung
-
Dieses Tutorial zeigt, wie man ein 2D-Labyrinth-Spiel mit HTML erstellt und dabei Grundlagen wie Kollisionserkennung und Sprite-Platzierung auf einem
<canvas>
integriert. Dies ist ein mobiles Spiel, das die Geräteorientierung und die Vibration APIs nutzt, um das Gameplay zu verbessern, und mit dem Phaser Framework erstellt wird. - 2D Plattformspiel mit Phaser
-
Diese Tutorial-Serie zeigt, wie man ein einfaches Plattformspiel mit Phaser erstellt und dabei Grundlagen wie Sprites, Kollisionen, Physik, Sammelobjekte und mehr behandelt.