Workflows for different game types

by 2 contributors:

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.

2D breakout game using pure JavaScript
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.

Document Tags and Contributors

Contributors to this page: chrisdavidmills, groovecoder
Last updated by: chrisdavidmills,