Tag Archives: tutorial

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

Install Node.js on Windows

install node js windows

Tonight I was trying to install Node.js on Windows and couldn’t find any straightforward documentation. Reason is each new release of Node.js has multiple ways it can be setup. For instance, older versions required Cygwin and some people use a .exe file. None of these methods are optimal, so I’ve written a tutorial on how to install Node.js own Windows and test it in 6 steps with less than 10 minutes of your time.

Continue reading Install Node.js on Windows