HTML5 Game Dev Tutorials
It's a few months old, but this talk by Anders Norås by at the Norwegian Developer Conference in June 2013 walks through creating a HTML5 Game with Quintus.
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.