This page contains articles that highlight different workflows for effectively creating different types of web games, whether you want to create a 2D or 3D game from scratch, or port a C++ or Flash game over to open web technologies.
- In this step-by-step tutorial you'll implement a simple breakout clone. Along the way you will learn the basics of using the
<canvas>element to implement fundamental game mechanics like rendering and moving images, collision detection, control machanisms, and winning and losing states.
- 2D maze game with device orientation
- This tutorial shows how to create a 2D maze game using HTML5, incorporating fundamentals such as collision detection and sprite placement on a
<canvas>. This is a mobile game that uses the Device Orientation and Vibration APIs to enhance the gameplay and is built using the Phaser framework.