Quick Canvas Game

Canvas Invaders

space invaders clone

I’ve been hearing things about this canvas element lately and I found some really cool uses. Mostly I found examples of charts that use it, which makes sense because in some browsers its not very fast rendering real time elements onto it, and IE browsers do not natively support it. After doing some more research and seeing as its in the HTML 5 specification I figured I would try my hand at making something quick with it. So I decided to create a quick space invaders clone. For the rendering base code I used some code which shows pretty nice looking particle engine using canvas at iterationsix.com. If you want the canvas invader files you can get them here

After completing this it really excites me the direction Javascript seems to be going. I definitely think one day in the distant future it will be able to replace Flash for most anything. Especially if browsers continue to implement faster JS engines, and MS really does ditch its IE platform.

For some good tutorials on using canvas check this site out, its has some  useful information.


One thought on “Quick Canvas Game

  1. Thanks for very good job! Unfortunately I’m experiencing a simple problem. When used within a content which allows to scroll page down, there is a conflict with the page down functionality in the Safari browser. Space bar in Safari is doing “page down” by default. Please check http://holicetimes.onxshop.com/zabava to see what I mean. Btw don’t worry, it’s not a communists website 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *