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.