Ten Essential Foundations of Javascript Game Development

Introduction

1. A Web Server and a Module Strategy
2. Loading Assets
3. The Game Loop
4. Player Input
5. Math
6. DOM
7. Rendering
8. Sound
9. State Management
10. Juiciness

HTML5 Delta

• Play Now
• Read More
• Source Code

HTML5 Tower Platformer

• Play Now
• Play Now (special flat version)
• Read More
• Read More - Foundations
• Read More - Rendering
• Read More - Collision Detection
• Source Code

HTML5 Tiny Platformer

• Play Now
• Read More
• Read More - Adding Monsters
• Source Code

HTML5 Gauntlet

• Play Now
• Read More
• Read More - Foundations
• Read More - Maps
• Read More - Entities
• Read More - Collision Detection
• Read More - Game Logic
• Source Code

HTML5 Outrun

• Play Now
• Read More
• Read More - Straight Roads
• Read More - Curves
• Read More - Hills
• Read More - Final
• Source Code

HTML5 BoulderDash

• Play Now
• Read More - Introduction
• Read More - Game Logic
• Read More - Rendering
• Read More - Decoding the c64 cave data
• Source Code

HTML5 Snakes

• Play Now
• Read More
• Read More - Starting a snakes game
• Read More - Quest for an Indiana Jones font
• Read More - Defining finished
• Source Code

HTML5 Tetris

• Play Now
• Read More
• Source Code

HTML5 Breakout

• Play Now
• Read More - Introduction
• Read More - Game State
• Read More - Rendering
• Read More - Collision Detection
• Read More - Gameplay Balance
• Read More - Adding Sound
• Read More - Touch Events
• Source Code

HTML5 Pong

• Play Now
• Read More - Introduction
• Read More - Part 1 - The Game Runner
• Read More - Part 2 - Bouncing Balls
• Read More - Part 3 - The Game Loop
• Read More - Part 4 - Collision Detection
• Read More - Part 5 - Computer AI
• Source Code

HTML5 Starfield

• Demo
• Read More
• Source Code