Developing a simple HTML5 Canvas Space Shooter

The mozilla hacks blog has an interesting article on building a simple 2D space shooter with both single-player and multi-player support. While not a full tutorial, it provides a good …Read more

WebGL Reference Card

Khronos has posted an authoritative 4-page OpenGL ES 2.0 API Quick Reference Card available as a PDF download direct from the Khronos web site. The site also hosts the OpenGL …Read more

Creating game tiles in game boy style

Wildbunny has posted an guest-post article by Blackmoon design on designing a retro pixel-art tile-set (perfect for that retro 2d HTML5 platformer you’ve always wanted to build) The article goes …Read more

Opera Software's WebGL 101

Erik Möller from Opera software has posted (along with Co-author Chris Mills) a transcription a portion of his excellent WebGL 101 video tutorial (viewable on YouTube and embedded below) The …Read more

HTML5 Rocks: Capturing Video and Audio in HTML5

Eric Bidelman has posted an in-depth entry on using the upcoming native HTML5-family APIs for capturing Audio and Video using GetUserMedia. While the Spec and APIs are still in flux …Read more

HTML5 as a Game Console Presentation

Michał Budzyński, a well-known JavaScript developer and the organizer of poland-based OnGameStart has posted his slides from a talk on HTML5 as a Game Console at ConFoo CA, the Canadian …Read more

Beginning HTML5 Game Programming Tutorial

Slynk of Slynk’s Revenge (not sure if that’s a first name or a moniker, guessing it’s the latter) has posted a nice intro series on Beginning HTML5 Game Programming. So …Read more

Let's make a 3D Game with HTML5

There’s a very interesting introductory post of a tutorial series that looks to be the first of a very cool series of posts on building a 3D game with HTML5 …Read more

Web-Drawing Throwdown: Paper.js Vs. Processing.js Vs. Raphael

Smashing Magazine has a nice in-depth article covering the big three libraries for drawing vector graphics on the web: Paper.js, Processing.js and Raphael, giving a code pro-con on each and …Read more

Designing Interactivity with HTML5 Workshop, Day 1

Updated: Fixed Links 12/19 The slides from Day 1 of my January Workshop at MassArt are posted up. I’m the process of converting them into a more useful tutorial format, …Read more

HTML5Rocks: WebGl 2D Tutorial

HTML5Rocks has an in depth tutorial on how to use WebGl from the ground up from the perspective of drawing 2D objects. Share List

WebGL Live Video

LearningThreeJS.com has a neat tutorial titled “Fun with live video in WebGL” showing you how to play live-streaming video inside of a WebGL scene. Share List

Know Your Engines: How to make JavaScript Fast

David Mandelin manages the JavaScript engine team and Mozilla, and is also the module owner of SpiderMonkey, Firefox’s JavaScript engine. So, it stands to reason he knows a thing or …Read more

HTML5Doctor: intro to getUserMedia API

Even though the getUserMedia API is still hot off the presses and in active development (and currently only available in Opera Labs and Chrome Canary builds) HTML5Doctor has a nice …Read more

Faster Canvas Pixel Manipulation with Typed Arrays

Paul Rouget has a writeup from how you can use Typed Arrays to “significantly increase the pixel manipulation performance of your HTML5 2D canvas Web apps.” Type arrays are pretty …Read more

JavaScript Garden

You can’t build a HTML5 Game with a good understanding of JavaScript. Enter JavaScript Garden. A site that aims to provide “documentation about the most quirky parts of the JavaScript …Read more

HTML5 Canvas Cheat Sheet

DZone has a nice Downloadable, PDF Cheat Sheet for HTML5 Canvas that covers the Canvas Element in depth, going over the basics of when using the element is appropriate and …Read more

Learning Three.js: Casting Shadows

LearningThreejs.com has a nice post on using shadows in Three.js and it’s pretty darn straightforward. Read the tutorial Share List