Coding Your First HTML5 Game
I presented this talk at the Launch Festival 2013 in San Francisco on March 5, 2013. I walked through coding a simple HTML5 game using an open-source JavaScript library. Along the way, I introduced many of the technical terms you’ll hear related to HTML5 gaming: canvas, SVG, WebGL, web sockets, and more. I wanted the audience members to leave with an understanding of the techniques and sample code they would need to create their first game, as well as practical tips and ideas for expanding on that knowledge.
Play Game
Code Files
Here is the code I wrote during the presentation. (Installing the LimeJS framework is also required.)
Links Mentioned
- A Theory of Fun
- Wikipedia: Homo Ludens
- Brain Workout
- Bad Piggies
- Cut the Rope
- Where’s My Perry
- Chess.com
- 7 TED Talks on Gaming
- Why You Should Use WebGL
- Introducing Web Sockets
- HTML5 Rocks on Gaming
- Cut the Rope: Behind the Scenes
- Top 10 HTML5 games of 2012
- Goko
- Game Closure Devkit
- Famo.us
- Impact
- LimeJS
- Crafty
- CocoonJS
- Game Engine Comparison
- Google Closure Library
- Play Game: Mike the Frog