Our new 8-bit inspired HTML5 game: Droplets

The problem with working so hard on a framework and client projects, is that you have precious little time left for your own games. I felt the need to correct this. So I spent a day converting one of our Flash games to HTML5:

Droplets is a simple little game based on the range of vinyl toys created by Jam Factory. Just get the 5 droplets home, collect as many hearts as you can on the way, and avoid contact with pretty much everything else! The mobile version differs from the Flash one in that you slide left/right and have a lot of bounce – if you aren’t too careful you can end up ricocheting around the place like a pinball. Get home to the factory at the end to complete the level.

Simple, but still quite fun :) And I’m very happy with the way it resizes intelligently on most devices. I’ve tested it on a variety of phones and tablets, from an iPhone 3 up to a Nexus 7, and it ran ok on most of them. Some (like the Samsung Galaxy S3) don’t cope with the canvas scaling too well and thus the frame rate suffers, but on the whole it’s about all that the ImpactJS engine can handle.

Point your mobile browser at http://gametest.mobi/droplets/ to play. And if by some fluke you’re a portal looking to license it, drop me a line.

Posted on August 8th 2012 at 8:23 pm by .
View more posts in Games. Follow responses via the RSS 2.0 feed.


15 Responses

Leave a comment
  • August 8th 2012 at 8:28 pm

    Graphics remind me of Fez.
    Which isn’t a bad thing, I actually like your take on it, very elegant and simply executed.
    Good pixel work.

  • Krest
    August 8th 2012 at 9:17 pm

    I want to do HTML5 games! Waiting for your framework Kiwi.js.

  • August 8th 2012 at 9:32 pm

    Cool! =)
    So, is ImpactJS any good? I wanted to give it a go, but for a simple test it’s just about too expensive.
    And I’m very interested in automaGically =) resizing games on different mobiles: do you plan on having a future & detailed post about that?

  • August 8th 2012 at 10:07 pm

    As long as you use Impact for what it was intended, then yes it’s very easy to pick-up. Basically games involving simple collision and ideally a tilemap. For tilemap collision it’s excellent. If you want to do anything else, forget it really. Even simple stuff like clicking on a sprite isn’t included, making buttons and UI work really cumbersome. But for this game it was a perfect fit really.

  • August 8th 2012 at 10:16 pm

    Thank you very much for your quick reply! =)
    I was hoping for some kind of HTML5Flixel when I first saw Impact, but it seems I’ll have to look somewhere else or wait for something more refined.

  • totor
    August 9th 2012 at 2:13 am

    works (a bit slow ok) on my ipod touch 2g! no sound though. Congrats!

  • August 9th 2012 at 9:03 am

    I haven’t tried it, but CAAT looks very interesting as an alternative to ImpactJS (I’m an ImpactJS user myself)

  • August 9th 2012 at 12:35 pm

    Sweetness!! Works nicely with only a little occassional slow down on my Desire HD

  • August 9th 2012 at 8:46 pm

    ImpactJS is very easy to pick up and can also do non tile mapped stuff – like my version of Klax. Lately I’ve been looking at Monkey, but am looking forward to returning to Javascript!

  • August 13th 2012 at 12:15 pm

    Does not work on my HP Pre 3 … but looks great.

  • August 16th 2012 at 12:10 am

    Well it works perfectly (No sound I think) on ipod touch 4g!

  • August 23rd 2012 at 1:51 am

    This looks great! I love the look and style of the game, frankly there’s a lot of ugly art out there passing as “8-bit” but you guys made it look awesome.

  • yop
    August 27th 2012 at 12:28 am

    Some glitch and a bit slow but it display on my phone.

    But i ma disapointed. GFX and animation are nes-like. HTML5 is a Big step in comparaison toi HTML4 but is far behind tech like flash or unity. Are we evolving in the good direction ?

  • Richard Davey
    August 27th 2012 at 12:32 am

    Our choice of graphical style has nothing to do with the platform we built it on. It’s NES like because that’s exactly the style we wanted.

  • September 6th 2012 at 2:34 pm

    excellent information keep up your good work thanks.

Make yourself heard