Tutorials - Übersicht

1.1 Das erste Rechteck (#1) - HTML5 Spieleprogrammierung

In dieser Tutorial Reihe werde ich Schritt für Schritt zeigen, wie man ein einfaches Spiel in HTML5 mit dem canvas Element ...

1.2 Erste Bewegung und Steuerung mit der Tastatur (#2) - HTML5 Spieleprogrammierung

Im zweiten Part zum HTML5 Tutorial erkläre ich, wie man das Rechteck bewegen kann und wie man es mit der Tastatur steuert. Link zu der ...

1.3 Verbesserungen und Aufräumarbeiten (#3) - HTML5 Spieleprogrammierung

Im dritten Part zum HTML5 Tutorial erkläre ich die Funktionsweise der Funktion requestAnimationFrame, erstelle die erste Klasse und räume den ...

1.4 Die ersten Grafiken (#4) - HTML5 Spieleprogrammierung

Im vierten Part zum HTML5 Tutorial erkläre ich, wie man Bilder lädt und in das Spiel integriert.

2.1 Hinzufügen eines Gegners (#5) - HTML5 Spieleprogrammierung

Im fünften Part zum HTML5 Tutorial erkläre ich, wie man ein Gegner hinzufügt und auch gleich mehrere von ihnen spawnen kann.

2.2 Der Gegner schießt! (#6) - HTML5 Spieleprogrammierung

Im sechsten Part zum HTML5 Tutorial erkläre ich, wie die Gegner einen abschießen können. Der Part ist diesmal etwas kürzer, da es einen ...

2.3 Einbau einer Explosions Grafik (#7) - HTML5 Spieleprogrammierung

Im siebten Part zum HTML5 Tutorial erkläre ich, wie man feststellen kann, ob die Kugel den Roboter getroffen hat oder nicht.

1.1 NextTrex.de ist online! - NextTrex Update

http://NextTrex.de ist jetzt online. Auf dieser Seite gibt es die Möglichkeit sich zu jedem Part der Tutorials den Quelltext und ein ...

2.4 Der Spieler wehrt sich! (#8) - HTML5 Spieleprogrammierung

Im achten Part zum HTML5 Tutorial erkläre ich, wie man dem Spieler eine Waffe "anbaut", sodass er die Gegner abschießen kann. Außerdem bekommt der ...

2.5 Explodierende Gegner (#9) - HTML5 Spieleprogrammierung

Im neunten Part zum HTML5 Tutorial erkläre ich, wie man dem Gegner auch eine Lebensanzeige hinzufügt, und ihn explodieren lässt, wenn er 0 Leben ...

3.1 Der Anfang eines Menüs (#10) - HTML5 Spieleprogrammierung

Im zehnten Part zum HTML5 Tutorial fange ich an zu erklären, wie man ein Menü hinzufügen kann und wie man überprüfen kann, ob die Maus über ...

3.2 Funktion zu den Buttons (#11) - HTML5 Spieleprogrammierung

Im elften Part zum HTML5 Tutorial erkläre ich, wie man den Buttons Funktionen beim klicken zuteilt. Zum Beispiel soll der Button "New Game" ein ...

3.3 Das Pause Menü und eine verbesserte Lebensanzeige (#12) - HTML5 Spieleprogrammierung

Im zwölften Part zum HTML5 Tutorial erkläre ich, wie man ein Pause Menü hinzufügt. Außerdem verbessere ich die Lebensanzeige der Gegner.

4.1 Durchgängig Gegner auf dem Bildschirm (#13) - HTML5 Spieleprogrammierung

Im dreizehnten Part zum HTML5 Tutorial erkläre ich, wie man ein Wave System hinzufügt. Es werden dadurch automatisch Gegner hinzugefügt, wenn alle ...