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?
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.
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.
Angry Birds is written in C/C++ and use its own 3d engine. For the physics part, rovio use Box2D.
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.
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/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With