Procedural Textures in HTML5 Canvas
An excellent article by Kas Thomas on generating Procedural Textures in HTML5 Canvas using Perlin Noise. Some examples: (the code is embedded in the blog post and must be cut-n-pasted …Read more
HTML5 Game Dev Tutorials
Intro to Box2D: physics simulations for HTML5 games
Seth Ladd, a developer advocate at Google put together an excellent, in-depth intro presentation on using Box2D as a physics simulation in HTML5 Game. It covers which port of Box2D …Read more
Understanding JavaScript OOP
Quildreen Motta, a front-end developer based in Brazil wrote an excellent in-depth write-up on Understanding OOP in JavaScript that is a great read for anyone building OOP games in JavaScript. …Read more
Facebook HTML5 Game Development Page
Facebook has a great page on Game Development. It provides links to a number of excellent posts on 2D development as well as some notes on available engines. The page …Read more
New Game Conference Recap
This post will slowly pull together various reactions and notes from New Game Conference. Richard Hilleman Keynote Share List
JavaScript Timers for Game Dev
(Almost) every game needs a game loop – and in order to create a game loop in HTML5 you are going to need to use a javascript timer. Why? Well …Read more
Commentary on: 5 Best Practices for Building HTML5 Game
Kai Jager writing for MSDN has posted 5 tips for best practices for writing HTML5 Games – here’s his 5 tips (with my comments on each): 1. Use a framework …Read more
Building a 3D engine in HTML5
Marius Gundersen gave a well-received talk at OnGameStart 2011 on how to build a 3D engine using 2D canvas in HTML5. The check out the HTML5-based slide deck (with interactive …Read more
Opera's introduction to WebGL
Browser maker Opera, to coincide with the release of general support in opera of WebGL has released a in-depth tutorial on WebGL that should be of interest to anyone looking …Read more
Learning Three.js: Let's make a 3d Game
LearningThreeJS.com has a great tutorial series on building a 3D Game using Three.js, so far there have been 4 installments, culminating in a neat game called Marblesoccer. The final tutorial …Read more
Introduction to WebGL (and three.js)
An interactive presentation from Google Developer day 2011 by Ilmari Heikkinen provides a nice introduction to WebGL along with a Three.js tutorial. Share List
Crafty.js Tutorial
A Work-in-progress Crafty.js tutorial – click inside of the frame and use the arrow keys to move between slides. Click on the “Run” Button to run the code for each …Read more
Three.js tutorials: Getting started and Particles
Aerotwist.com has two great tutorials on the incredibly powerful but somewhat underdocumented Three.js – check out their Getting Started with Three.js and Creating Particles with Three.js Share List
HTML5 Multiplayer Game Development
A Google Tech Talk on HTML5 Multiplayer Game Development – a little basic, but a good overview of the issues. Check out the video below along with the full slides …Read more
Tutorials Coming Soon…
We’re cooking up some mean html5-learning tutorials in the next couple of weeks… Share List