Show & Tell #7: HTML5 Games & More

Posted by Shane Casey on Fri, 11 Mar 2011

This is a continuation of Show & Tell #7′s round up. Check part one here.

HTML5 Games

So where are the HTML5 games? I thought the “Flash-killer” had arrived?

Actually, there have been some cool HTML5 based games knocking around recently. These are mostly proof of concept games though, and nowhere near the level of Zombie Tycoon etc. Come back in 10 years for that.

Here are a couple of nice ones though that are worth a look…

Pirates Love Daisies

Actionscript legend Grant Skinner was commissioned to create this one for Microsoft’s IE9 Beauty of the Web campaign. It’s a classic tower-defense game but some nice touches in there. Most interesting is Skinner’s EaselJS Javascript library that makes the HTML5 transition easier for people from a Flash background.

canvas-riderCanvas Rider

An update to the classic Line Rider for the HTML5 era. very nicely done.

008 Ball Agent 008 Ball

Really like this one. The game premise is bollocks but the attention to detail and the implementation of physics in a JS game is impressive.

One that’s been grabbing headlines this week is URL Hunter. This game is unique in that the whole game takes place in the address bar of the browser. Obviously, it has much more appropriate applications but this is a pretty inventive demo of how HTML5 exposes the browser history via an API. Access to this API should help as we see more complex sites and web-apps that require stateful behaviour without a new page request. 

Hadouken!

 

Wallaby

Another headline grabber from Adobe this week was the launch of codename ‘Wallaby‘. In a nutshell, Wallaby takes a Flash file (.fla) and converts it to a HTML5 version. It’s not quite a magic bullet yet as there are some pretty major features that aren’t supported yet but it shows some definite promise. I’ll hopefully do some experiments myself and report back.

 

Motion Graphics Design Lecture

We also had a chat about the Motion Graphics Design lecture that I’ve covered in detail already here, check it out.

Follow Shane on Twitter: @shane_casey

Tags: , , ,

Leave a comment


Blog WebMastered by All in One Webmaster.