Report article RSS Feed An HTML5 game in the Mac App Store

Onslaught! Arena was released in December on the Chrome Webstore. Now, with the exact same source code, it's also available on the Mac App Store. The future is awesome!

Posted by richtaur on Mar 12th, 2011

HTML5 is the development buzzword of the moment. It's the "ajax ninja" of the last few years, so naturally it comes with its fair share of skepticism. Indeed, many have been writing about its seemingly never-ending spec, inconsistent implementations by browser makers, and even its inferiority to native apps. All are valid arguments against betting a real business on HTML5.

Onslaught! Arena banner on Tech Crunch

However, here's a hard example of why you absolutely should consider serious development in HTML5. In December of last year, we launched our little pure-HTML5 gameOnslaught! Arena in the Google Chrome Webstore. Sales could be better, sure, but we also just launched the exact same game in the Mac App Store. The code is identical with negligible development time required to port it over to a completely different platform.Think about the business case for that. Normally it would take considerable resources to port a game to such a different platform. We know our game isn't exactly a AAA title, but if programmed from the ground up in Objective-C, our best guess is it would take a few months to develop. That's time that we can now spend on content updates or even a sequel.

Onslaught! Arena running on my MacBook Pro

How was it done? We just embedded a WebView in a native Cocoa app using Xcode. Is it inferior? Not noticeably so. On my MacBook Pro, the Chrome Web Store version ranges from about 50-250 FPS (frames per second) depending on how many monsters are on the screen. On the same computer, the Mac App Store versionranges from 30-100 FPS. (You can see this for yourself: type "lddebug" while in-game to see debug information.) And despite nasty HTML5 audio issues, sound plays great in both versions.Surprisingly, the Chrome version runs faster than the native Mac version. While Safari and Chrome are both using WebKit as their rendering engines, Chrome is likely faster because V8 has wicked speed and its canvas rendering is hardware-accelerated.Either way, it runs great on both platforms and required almost no dedicated development time to port. If you're a developer, you should find this exciting. We certainly do!

Since you made it this far, you might like to read "Our first week in the Chrome Webstore: the numbers" if you're into graphs and sales numbers (and who isn't!). If you'd like to learn more about our HTML5 development, including a tutorial on how to embed a WebView into a native Mac app, follow us on Twitter; we'll be writing about that soon.See Onslaught! Arena in the Mac App Store.

Onslaught! Arena in the Mac App Store

Post comment Comments
InStars Mar 13 2011, 6:56am says:

HTML5 isn't officialy released?

+1 vote     reply to comment
richtaur Author
richtaur Mar 13 2011, 2:17pm replied:

The spec isn't fully complete yet but most modern browsers have implemented a ton of what's available. So some parts of HTML5 are ready for prime time right now, but others (like WebGL) still need some time to bake.

+1 vote   reply to comment
Zeirus Mar 13 2011, 9:42am says:

Graphics inspired by Knightmare (historic title for MSX created by Konami, 1986)... :) ... One of my favorite games! :)

+1 vote     reply to comment
richtaur Author
richtaur Mar 13 2011, 2:17pm replied:

I did the graphics and had actually had never heard of Knightmare before! Looks awesome though. Pretty crazy how similar the main character looks!

+1 vote   reply to comment
plysek Mar 14 2011, 3:22am says:

if i can play the demo does it means i have html5?

+1 vote     reply to comment
richtaur Author
richtaur Mar 15 2011, 8:25pm replied:

Sort of. It means your browser at least supports the canvas tag. Works best in Chrome but the demo should work in any modern browser. :-)

+1 vote   reply to comment
Post a Comment
click to sign in

You are not logged in, your comment will be anonymous unless you join the community today (totally free - or sign in with your social account on the right) which we encourage all contributors to do.

2000 characters limit; HTML formatting and smileys are not supported - text only

Report Abuse
Report article
Related Games
Onslaught! Arena
Onslaught! Arena Single Player Arcade
Related Engines
Custom Built
Custom Built Commercial Released Sep 1, 2007
Related Groups
Lost Decade Games
Lost Decade Games Developer with 3 members