325-canvas-games

3 Great JavaScript & Canvas Examples

By | | JavaScript

6

JavaScript-powered canvas demonstrations have become increasingly sophisticated. Developers are now creating high-quality browser based games which don’t need Flash or other plugins.

Here are 3 of the best to add to your, er, “technology research list” this weekend. They’ve been chosen for their technical brilliance and compelling game-play. They work in most browsers except for IE which doesn’t have native canvas support. In most cases, Firefox works fine but Chrome and Safari appear to offer the best experience for your … analysis.

ThrustThrust

Thrust is a popular 8-bit game from 1986 which has been re-created by Jon Combe (it’s not an emulation). It’s an immensely enjoyable game which was inspired by Atari’s Gravitar. Technically, it’s hard to fault what Jon has achieved — even the sound effects are accurate.

ThrustAsteroids

If you think all canvas examples offer simplistic graphics and effects, you’ll be stunned by Asteroids — a glorious homage to the original Atari arcade game. Kevin Roast’s version features 3D ray-traced graphics and fast animation. You’d have paid good money for this a few years ago!

ThrustTorus

This 3D tetris game remains one of the most impressive JavaScript and canvas games. Ben Joffe’s game offers smooth 3D animation and addictive “just-one-more-go” game-play. Great stuff.

Have you discovered any other great canvas examples?

Get Started with
Ruby on Rails

Github, Twitter and Hulu. All huge. All successful. All Rails.

Learn the web development framework of the moment with our newest book and course.

Learn Rails

Craig Buckler

Craig is a Director of OptimalWorks, a UK consultancy dedicated to building award-winning websites implementing standards, accessibility, SEO, and best-practice techniques.

More Posts - Website

{ 6 comments }

Anonymous June 24, 2010 at 9:21 am

Wow, HTML5 games are gonna be huge.

AnchorWave June 18, 2010 at 7:06 am

I love JavaScript, these graphics are great! Anchor Wave Internet Solutions incorporates a good balance between flash and information in each of their websites to create a well working design and site for each client.

Anonymous June 9, 2010 at 1:20 pm

I have been working on using canvas and JS to view magazines online in a similar way Flash is currently used to display magazines on certain websites. Still needs plenty of work but its getting there.
http://greennet.com.au/dev/magazineviewer/

Jaison July 2, 2010 at 4:59 pm

Mr. Anonymous. your Magazine viewere is defintely impressive. Excellent effort so far!!

Matt June 6, 2010 at 11:59 pm

Wow. Those are crazy awesome.

MrJaba June 6, 2010 at 8:15 pm

I recently deployed ittybittyboom.com which is written using javascript and canvas, but also with HTML5 websockets for the multiplayer element. It’s still an early alpha but I think a good start as to what can be done with these new techs.

Comments on this entry are closed.