Scirra cog

About Us

We're a London based startup that develops Construct 2, software that lets you make your own computer games!

Archives

Browse all our blog posts

Latest Blog Entries

We love brains!

Join us! Joiiinnn ussss! Mooooree brains!

HTML5 gaming: the future is now

by Ashley | 9th, November 2011

Today, there were two surprise news stories: Adobe ceasing development of Flash for mobile in favour of HTML5, and that it was likely Microsoft will drop Silverlight in favour of HTML5. It's obvious now: the future is HTML5, and in fact, in many ways that future has already arrived!

Try playing our old Space Blaster HTML5 game demo in Google Chrome 15 or newer. It's hardware-accelerated for super-fast rendering. It uses the new Web Audio API (edit: not yet standardised, it's Google's own project) for reliable audio playback, which can also do effects like spatial audio and reverb that we plan to add support for soon. And with Chrome's excellent V8 javascript engine, peformance is great all the way through.

In other words, Chrome has proven it: HTML5 is great for games! They're fast, they look good and they sound good.

Other browsers have a bit of work to do to catch up. There's no sign of the Web Audio API in Firefox or Internet Explorer yet, so audio is still a bit unreliable in those browsers which can often make the experience less enjoyable. (Edit: I didn't realise it's not a full standard yet, Web Audio API appears to be Google's project. However, it's great so I'm hoping it does get standardised!) Firefox seem to have some issues with their hardware acceleration too, but either they'll fix it soon or we'll add WebGL support which will get around it.

There are some other problems that a critic could point out: mobiles have a way to go yet, for example. They do, but this is a problem time will fix. The entire industry is heading for HTML5, and it's getting to the point where anyone who isn't going full steam ahead on HTML5 will be left behind. The standards committees behind HTML5 are aware of the problems and are working hard to get new standards written up to address all the problems and missing features of HTML5. So it probably won't have these issues for long.

Even Sony's PSP Vita is planned to have HTML5 support, so there are signs even consoles are heading this way.

Back to the progress that needs to be made, though. From our point of view, there are three major areas support for HTML5 has to improve to make it the platform of the future, and for gaming especially. The first I already mentioned - mobiles have a way to go yet before they're practical for high-performance gaming. The hardware in most mobiles is perfectly capable. It's only the software which isn't there yet, since it doesn't make full use of the phone. I'm sure mobile browsers will improve soon, and since software updates can apply retroactively, even old devices should benefit.

Second is desktop browsers need to keep up with the rapid development of standards. Chrome are setting an excellent example by being first to support the Web Audio API. Before the Web Audio API, audio was a difficult problem in HTML5 games, but the Web Audio fixes it very well indeed.

The third is Internet Explorer. Unfortunately, not much has changed: Microsoft still have a very slow release cycle. Worse, they seem reluctant to support new standards like WebGL, and they seem more interested in ignoring it than helping to resolve the issues they pointed out like all the other browser makers have been doing. I'm also unaware of any comment at all from Microsoft about the Web Audio API (edit: wouldn't expect them to until it's standardised). This makes me question their commitment to HTML5. The web is clearly a big threat to the established Windows platform. Imagine if apps are all written for the web and run anywhere, without any need for Windows! Is their priority to make the most of Windows or to make the most of HTML5? I have a feeling they'll still be trying to push Windows, at the expense of HTML5. Perhaps this is why they don't seem bothered by the fact very few of their users are upgrading to the latest Internet Explorer version, while browsers like Chrome automatically keep you on the latest version.

We're particularly interested in WebGL not because of 3D, but actually for 2D gaming. WebGL is even better for 2D games than the 2D canvas, for two reasons: first, you're pretty much guaranteed hardware acceleration - no slow software renderers. Second, WebGL means using shaders for effects. If you used Construct Classic much, you'll have seen the 67 shader effects that ship with it and can easily make beautiful and eye-popping effects in 2D games. None of this is possible in the 2D canvas. Everything from subtle blends like Screen, gaussian blurs, glassy distort effects and stretching warp effects make for incredibly creative and immersive 2D games probably unlike many 2D games you've ever seen. This is why we can't wait to support WebGL, and why we're particularly disappointed with Microsoft's reluctance to support it. Still, it's their loss! It would mean 2D games just look far better on all browsers other than Internet Explorer.

So, if you want a taste of the future today, download the latest version of Google Chrome and try some of our HTML5 game demos. I hope you see how promising the HTML5 future is! And if Adobe are giving up on Flash for mobiles in favour of HTML5... how long until they do the same for the desktop?

Now follow us and share this

Tags:

Comments

2
Jayjay 19.0k rep

I think Flash still has a place for desktop gaming, otherwise we wouldn't be getting Unreal Tournament 3 in Flash =P

Nice article though, the awesome part is that HTML5 games will be playable anywhere =D

Wednesday, November 09, 2011 at 5:31:46 PM
4
gammabeam 13.3k rep

Good blog post!
HTML5 is getting stronger and becoming a standard very quickly, quicker than I've expected.

Kudos to Scirra for betting on the winning horse!

Also, WEBGL is something I hope to see in the future!
I'm still worried about the Canvas performance - as I've seen in the Chrome Store version of The Convergence (still couldn't confirm if this is just a problem for the mac version of Chrome, though).

Keep up the outstanding work guys, it won't be long until we see tons of good content made with Construct being released in different platforms! \o/

Wednesday, November 09, 2011 at 5:48:04 PM
3
cpearce 1,924 rep

Why do you say that Google's "Web" Audio API is "more reliable" than the standard HTML5 audio API? If Google took the time to fix all the bugs in their HTML5 audio API, would the "Web" Audio API be necessary?

Also note that Google's "Web" Audio API isn't a standard. It's only implemented in WebKit, and proposed specs need to be implemented by two different rendering engines before they can be considered for upgrading to an official W3C spec. Just because it's got "Web" in the name, doesn't make it official. Quite clever of Google to name it as such.

Wednesday, November 09, 2011 at 6:02:34 PM
1
getter77 2,460 rep

Certainly seem to be some fair winds blowing for HTML 5!

Part of me is curious about seeing some eventual games with Silverlight 5 and/or whatever happens Moonlight in the wake of all this going forward, purely from an "What if?" angle as it is a thing some people are already skilled with that may have some creative notions. Though I forget the link, there was a Roguelike written in Silverlight 4(?) I think during one portion of Alpha-stage development several months back which I recall at the time "feeling" a bit different than Flash attempts at that time somehow.

Good on the C2 team for jumping in early and blazing ahead while all else is now catching up though!

Wednesday, November 09, 2011 at 6:07:05 PM
1
Ashley 191.6k rep

@cpearce - our testing has shown up crashing, leaks, high latency and poor performance in all major browser's HTML5 audio handling. It was designed for streaming music, not game sound effects. Good point about the standardisation - will edit article.

Wednesday, November 09, 2011 at 6:08:33 PM
2
Andrex 3,753 rep

I was wondering if you guys were going to add WebGL support. Been interested in using a library like WebGL-2d for consistent hardware acceleration in my other game: http://badassjs.com/post/4064873160/webgl-2d-an-implementation-of-the-2d-canvas-context-in

Wednesday, November 09, 2011 at 6:32:25 PM
2
Andrex 3,753 rep

@cpearce Google based their implementation on Mozilla's Audio Data API, which came first: https://wiki.mozilla.org/Audio_Data_API

Maybe Construct 2 can support both? Then we could check FF off the list too. (FF also supports WebGL and has a decent JS engine, and combined with Chrome makes up like 45% of the browser market share.) So that's 45% of users who get WebGL acceleration and awesome audio. :)

Wednesday, November 09, 2011 at 6:38:15 PM
2
Ashley 191.6k rep

I had a look at the Audio Data API a while ago - it didn't look very useful for games. It seems to be an API that lets you write samples to an audio buffer, and not much else.

Wednesday, November 09, 2011 at 6:41:02 PM
1
TELLES0808 22.0k rep

great news.

Wednesday, November 09, 2011 at 7:12:54 PM
2
plauk 6,533 rep

It certainly sounds promising. I'm particularly hopeful WebGL will be seen in Construct soon, which I hope will put my html fears to rest.

I definitely hadn't thought about the Microsoft connection in regards to HTML5 versus Windows as a product issue. It taps in to my present hatred of Microsoft favouring XBox360 exclusive deals before PC releases for indie games. (I had to wait way too long for Limbo on PC).

I guess it reveals my platform entitlement attitude. I'm thinking of Windows essentially as the default, which shouldn't really be taken for granted. It's a product just like any other.

Hmmm... still, I would totally cry if exe exporters never turned up.

Wednesday, November 09, 2011 at 7:14:31 PM
2
TehLulzinator 4,209 rep

WebGL being so much better at hardware acceleration sounds interesting to me. Can't wait to see it becoming a standard.

Wednesday, November 09, 2011 at 8:49:44 PM
1
onkelarie 2,319 rep

excellent article and quite emporering when booting up construct 2 again;)

Wednesday, November 09, 2011 at 9:34:21 PM
1
onkelarie 2,319 rep

make that empowering, bloody ipad!;)

Wednesday, November 09, 2011 at 9:36:31 PM
1
TheJanMan 4,435 rep

Quite an impressive find there. I find flash nice for its flash animations and simple games. But Construct 2 beats it (For the games part anyway). =P

Friday, November 11, 2011 at 1:11:32 PM
0
Bigheti 15.8k rep

I remember the excitement that led to the release of Flash5 in professional development at the time. And many of them made ??money when launching ahead and master the language of AS. Today we see something similar with HTML5 with WebGL and Audio and Web API. I bet on them and I believe will be successful developers who follow this path. "Who will live...see!"

Friday, December 02, 2011 at 12:23:40 PM

Leave a comment

Everyone is welcome to leave their thoughts! Register a new account or login.