Tag Archives: HTML5

HTML5 Space Invaders like game with SVG

For my upcoming book HTML5 in Action, I wrote a chapter on creating a game like Space Invaders with SVG. The tutorial teaches you various methods for creating visual assets with vector graphics and XML.After creating the visual assets, it teaches you how to combine everything with JavaScript. The JavaScript isn’t too complex and I walk you through every step of the way. Great for those who want to learn how to create re-sizable graphics for in-browser use.

Play SVG Aliens at html5inaction.com and download the source code at the book’s official page.

 

Continue reading HTML5 Space Invaders like game with SVG

WebGL Game Geometry Destroyer

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.

Geometry Destroyer is a classic space shooter style game, written with JavaScript, HTML5 APIs, and WebGL

Continue reading WebGL Game Geometry Destroyer

HTML5 Canvas Presentation

A couple months back I put together a presentation on the HTML5 Canvas API. Its aimed at giving an introduction to developers with a very basic understanding of JavaScript. It includes links to live examples you can tinker with in-browser, so you can play with what you’re presented. A majority of the content comes from my upcoming book project HTML5 In Action.

Continue reading HTML5 Canvas Presentation

WebGL for Internet Explorer (IE)

webgl for internet explorer

Looking to use WebGL for Internet Explorer? If so, you wont be able to without IEWebGL. This new library allows developers to support a majority of WebGL’s features in IE. Oddly, all major browsers except IE now support WebGL. Which begs the question “Why doesn’t IE support WebGL?” Since this is a complicated subject, I’ll sum everything up as briefly as I can.

Continue reading WebGL for Internet Explorer (IE)