Mozilla Hacks

Firefox 4 Demos: Runfield – a Canvas Game

Avatar photo By Paul Rouget

Posted on March 16, 2011 in Canvas, Featured Demo, and Firefox

Yeah! Another awesome demo in Web’o Wonder!

With Hardware Acceleration and a fast JavaScript engine, the web platform is ready for Games. Runfield is an example. This HTML5 Game has been developed by Ilmari Heikkinen. It’s based on Canvas 2D, and this game works on all the recent browsers.


(small definition version here – Oh! and check-out the little built-in level editor)

Want to see more HTML5 Games? Take a look at Mozilla Labs Gaming:

Mozilla Gaming

About Paul Rouget

Paul is a Firefox developer.

More articles by Paul Rouget…

9 comments

  1. Mr.doob

    The logo doesn’t really fit, but the theme artwork is really making a lot of the game engine. Very smooth!

    March 16th, 2011 at 20:20

  2. Niloy Mondal

    Yay, 87000 my high score.

    March 16th, 2011 at 22:07

  3. Craig

    Nice demo.
    It mostly runs fine in FF 4.
    However, it looks, feels, and sounds noticably better in IE 9 for some reason.

    March 17th, 2011 at 04:17

  4. Jethro Larson

    Should at least comment that they’re “inspired by” canabalt. http://www.adamatomic.com/canabalt/

    March 17th, 2011 at 10:14

  5. Craig

    Why has my post still not been approved?
    If you are not interested in positive feedback that could potentially improve FF, then I will not waste anymore of my time here.

    March 17th, 2011 at 15:54

  6. Jon

    This is very impressive, and runs nice and quickly on my machine with hardware acceleration enabled. But there is something about the graphics and the speed they move past that makes it really uncomfortable to play. Perhaps it’s just me, but I’ve played other games with very fast moving graphics like Sonic the Hedgehog and I haven’t had this problem, so I don’t know…

    March 18th, 2011 at 06:33

  7. lineshjose

    I just played this game. Awesome :) . It’s interesting, more than Angrybirds.

    July 17th, 2011 at 16:53

  8. YopSolo

    @Jethro Larson : Canabalt is better but it’s a real game, this is just a demo.

    But i am surprised to notice that this demo uses ~58% of my ressources where Canabalt use only 12%.

    July 22nd, 2011 at 13:11

  9. anubhav

    Can i know which javascript game engine have they used or is it something they developed in-house?

    Thanks

    April 13th, 2012 at 05:28

Comments are closed for this article.