My project for Canvas Prime was originally meant to be a simple HTML5 game framework that ran on Canvas. Shortly after releasing an early version it was featured on a gaming blog and started being used in my workplace. Traction was growing and it seemed like my new open source project would be a success. About a year and a half later everything has gone down the tube and the codebase is a mess. Although it was a failure, I learned a few lessons that will hopefully prevent you from making the same mistakes.
Creating 3D games with WebGL and HTML5 APIs isn’t an easy task. It requires matrix manipulation, communicating with graphics hardware, and a good understanding of OpenGL ES (mobile version of OpenGL). To try and make these concepts easy to understand, I created a game tutorial in my new book for HTML5 In Action called Geometry Destroyer. By clicking on the image below, you can play it right now.
I’ve decided to post an HTML5 game called Canvas Ricochet for my upcoming book. The game includes a score counter, progressive leveling, restart capabilities, collision detecting, and more. Click the image below to play now!