Posts Tagged ‘html5’

Working on a new HTML5 game engine for iPhone

February 24, 2010 2 comments

I’ve just completed the first stage of development on a new 2D HTML5 game engine for iPhone.

It is a complete re-write of the engine used in my iPhone platform game and it achieves a much higher and more consistent frame rate. I’m currently very pleased to be getting a consistent 17-18 FPS running full screen on an iPhone 3G.

It is a scrolling tile-based engine, meaning it should suitable for most 2D games. I’d like to use it to create another platformer, or maybe a shoot ’em up this time would be cool, but the engine could be used for other game types too.

Artist Wanted!

I need your help! to turn it into a finished game. This is a call out to any artists who would like to get involved, please drop me an email with examples of your work. My address can be found on the about page.

I intend to release 2 versions of the game:-

  • a demo version that runs in Mobile Safari but has no sound and few levels, and
  • a full version that can be purchased from the app store.

Revenues made from the app store version would be shared with the artist, so there might even be a few dollars in it for you!


HTML5 Platform Game for iPhone

February 4, 2010 37 comments

I’ve spent today porting my HTML 5 platformer, mentioned in an earlier post, to run on iPhone/iPod Touch.

The game uses the HTML 5 Canvas element and a few iPhone-specific HTML/JS extensions. It should still run on most desktop and mobile web browsers however.

I’ve tested the game on an iPhone 3G and 3Gs. The 3Gs performs as well as a desktop PC which is some feat! The 3G on the other had is a little sluggish, but the game is still playable; if you’re using a 3G I recommend playing the game with your phone upright (portrait) for best performance, since in this mode the game aims to draw to a smaller area of the display.

It is also possible to play the game full screen, that is without the Safari address bar & toolbar, by adding the game to your home screen.

According to Liam Green-Hughes on Twitter, the game also runs fine on the Nokia N900, running Firefox.

See my earlier post for the history of the game, or to play the desktop version. As before I invite you to take a look at the source code of the game. Simply hit your browser’s “view source” button to read the code.

Click the Play link below (ideally on your iPhone!) and be sure to leave a comment with your thoughts.


Or go to this address on your iPhone:

A Platform Game Written in HTML5

September 11, 2009 117 comments

Click to play

Nearly 15 years ago, when I was all of 15 years old, I wrote this little platform game which I have recently ported to HTML5/Javascript.

It’s a kind of Mario clone and at the time I named it “Fred Jones in Adventureland”… hmm, not a great name.

The themes of the game are intended to be tongue-in-cheek however. Hence the ridiculous title and deliberately unsubtle references to other games in the genre.

And it is somewhat incomplete; the player has unlimited lives and unfortunately there are only 5 levels. But as it stands it is playable and hopefully a little bit of fun. There are a couple of surprises along the way too.

Browser Compatibility

If you’re using Microsoft Internet Explorer 7 or 8 the game will run dreadfully slow. (Update: The game now supports the Google Chrome Frame plug-in. If you are using Internet Explorer I recommend you install it.)

Internet Explorer 6 and earlier, Firefox 1.x and I believe Opera 8 and previous will not run the game at all. This is because these older browsers do not support HTML5 (arguably, no version of Internet Explorer supports HTML5, however the game can run with the assistance of 3rd-party plug-ins and other workarounds). Please upgrade or switch to a different browser.


Left Arrow: move left
Right Arrow: move right
Spacebar: jump

iPhone Version

See HTML5 Platform Game for iPhone


Click the link above to play the game.

Technical Details

This is a port of the original game to HTML5/Javascript. This means it now runs in any modern web browser.

Unlike most web games the game does not use Flash. The HTML5 Canvas is used to draw the visual elements.

All the code for the game is all available to read if you hit “view source” in your browser and I invite you to take a look.

I was pleasantly surprised by the performance of Canvas drawing operations and javascript run-times in most modern browsers. However Internet Explorer users apparently will have to wait for version 10 before such features will grace the browser.

The game currently has no sound but this could be added using the HTML5 <audio> element.