Tutorials

Diese Seite enthält mehrere Tutorial-Serien, die verschiedene Arbeitsabläufe für die effektive Erstellung verschiedener 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 Verwendung des <canvas>-Elements, um grundlegende Spielmechaniken wie das Rendern und Bewegen von Bildern, Kollisionsdetektion, Steuerungsmechanismen sowie Gewinn- und Verlustzustände zu implementieren.

2D Breakout-Spiel mit Phaser

In diesem Schritt-für-Schritt-Tutorial implementieren Sie denselben Breakout-Klon wie in der vorherigen Tutorial-Serie, diesmal jedoch mithilfe des Phaser HTML-Spiel-Frameworks. Die Idee ist, einige der Grundlagen (und Vorteile) der Arbeit mit Frameworks zu vermitteln, zusammen mit grundlegenden Spielmechaniken.

2D Labyrinth-Spiel mit Geräteausrichtung

Dieses Tutorial zeigt, wie man ein 2D-Labyrinth-Spiel mit HTML erstellt, unter Einbeziehung von Grundlagen wie Kollisionsdetektion und Sprite-Platzierung auf einem <canvas>. Es handelt sich um ein mobiles Spiel, das die Device Orientation und Vibration APIs nutzt, um das Gameplay zu verbessern, und es wird mit dem Phaser Framework erstellt.

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 abdeckt.