GDC 2012: The Bleeding Edge of Open Web Tech
Google software engineer Vincent Scheib gave a presentation at GDC 2012 on Open Web Tech about what’s new in the past 6 months including Web Sockets, WebGL, File API, Mouse …Read more
HTML5 Game Dev Tutorials
Terrain Generation with Canvas and JavaScript
Somethinghitme.com has an oldie-but-goodie post from 2009 titled “Terrain Generation with Canvas and JavaScript” that talks a little bit about the algorithms used and links to a working 2d terrain …Read more
Introduction to JavaScript source maps
HTML5Rocks has a tutorial introducing JavaScript source maps, currently available in Chrome Canary or WebKit nightly (not Firefox love yet). For everyone who’s made the jump to Coffeescript, the one …Read more
2D Game art for HTML5 Game Programmers
Chris Hildenbrand has a great blog called 2D Game Art for Programmers targeted at programmers designing art for 2D games, focusing on using open-source tools such as Inkscape. Also check …Read more
Mozilla Developer Network Relaunched HTML5 Learning Page
The Mozilla Developer Network, that fount of knowledge for all things web-related has relaunched their HTML5 Learning page, with links to demos and sub categories. Their page for learning <canvas> …Read more
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