HTML5 Canvas Games

[Jordan]

Since I'm on break I've been starting to work with the HTML5 canvas element. So far I've only made two simple applications, one being a really easy maze which I made to just get a feel for everything, and the other is an application that tests my collision detection algorithm which isn't completely finished. Once I feel good about my collision detection I'm going to make a real game.

Tested in FireFox and Chrome.

WASD to move the red dot and push around dots (this will make them copy the red dots velocity)
xtriad.comxa.com/applications/canvas_games/canvas_shooter/game.html

Arrows to move
xtriad.comxa.com/applications/canvas_games/maze/maze.html

Let me know what you guys think, and if any of you guys have been playing around with the canvas element I'd love to see your work.

[Charles Stover]

I pinned a dot against a wall, and now it won't let me move.

[gfx25]

Nice work, works well in Opera 11

[Jordan]

Yeah, the physics need some work as well as the collision detection, but it was a good start. I'm out of town so I haven't been able to work on it, but I got a list of things that I need to do to it. Feel free to use the source if you guys feel like doing something yourself.

And thanks for trying it out. I hadn't tested it in Opera so I'm glad it just works.

[Meme]

It says my browser doesn't support HTML5

[Jordan]

That's because Internet Explorer 8 is behind all the other browsers. You'll either need to get the beta for Internet Explorer 9 which requires Vista or Windows 7 (in other words, you can't use it with Windows XP), or get a competent browser such as FireFox, Chrome, Opera, or Safari. I personally recommend Chrome.