Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What technology behind Chrome Angry Bird

I was wondering what is the technology used behind Chrome Angry Bird?

It is using HTML5 canvas for display. For the programming logic code, it seems not to be flash. Or, do Angry Bird team rewrite their code in JavaScript?

like image 419
Cheok Yan Cheng Avatar asked May 13 '11 01:05

Cheok Yan Cheng


People also ask

What is angry birds Chrome?

Angry Birds Chrome was a free version of the original Angry Birds available for PCs using the Google Chrome web browser or any Chromium web browser released on May 11, 2011.

What game engine was used for angry birds?

Box2D is a free open source 2D physics simulator engine written in C++ by Erin Catto and published under the MIT license. It has been used as the engine of several Angry Birds games.

What was angry birds coded in?

Angry Birds is written in C/C++ and use its own 3d engine. For the physics part, rovio use Box2D.

What started angry birds?

Jaakko Iisalo, designer I've always been keen on drawing animals, so I sat at my computer and drew a bunch of birds, giving them beaks, a rounded shape – and angry eyebrows. I had this idea of an angry flock of birds, running around destroying things.


1 Answers

Rovio (makers of Angry Birds) used Google Web Toolkit (GWT) to make it available in the Chrome browser as mentioned on CNET.

Since its done in GWT that means its written in Java and compiled down to javascript using, as you mentioned, html5 canvas.

EDIT:

Here is a video (youtube) from Google IO where it demos GWT and ForPlay, and how Angry Birds uses GWT which relies on WebGL and many other HTML5 techs (local storage etc) - which Chrome is one of the major forefronts on.

Another source Ray Cromwell - one of the GWT contributors. According this source, and mentioned on other less verifiable places, Angry Birds may also fall back to Flash for audio due to some lacking parts of HTML5 audio tags.

Update April 2012

The ForPlay library that Angry Birds used has moved to the PlayN library located here: http://code.google.com/p/playn/

like image 160
WSkid Avatar answered Nov 16 '22 03:11

WSkid