HTML5 Game Dev Tutorials
SpaceDebris is a HTML5 game prototype built by Inkfood.com using Blender and ported to HTML5 using Three.js.
The level design and texturing was done in Blender and the game write-up details the workflow for the game.
The game consists of a math-powered racer where you solve multiplication problems to win. All the code for each step of the game, as well as the assets are provided in the tutorial.
The series is geared toward beginners and explains the state of HTML5, common performance problems and how to solve them in JS without additional libraries.
Start from the beginning or jump right into the action:
- Part 1 – Setting up the structure of the game and panning a background
- Part 2 – Create the player controlled ship and it’s properties (move and shoot)
- Part 3 – Create the enemy ships
- Part 4 – Collision detection
- Part 5 – Audio and final touches
I've you've had trouble wrapping your head around WebGL, the Mozilla Hack Blog has a create, very well-written introduction to the core concepts of WebGL
Kyle Nau has posted an excellent 30 minute video tutorial on HTML5 Web Audio with a razor focus on using Web Audio for simply loading and playing sounds in games and not worrying about all the other stuff, that can get pretty complex.
It's great tutorial for people who haven't yet started playing around with HTML5 Game Development as it covers a lot of the basics in detail from the ground up.
HTML5 Rocks has a in-depth article discussing the much-heralded pointer lock API and along with an overview of how to build FPS-style mouse-powered controls.