Chrome Angry Bird 背后的技术是什么
我想知道 Chrome Angry Bird 背后使用的技术是什么？
它使用 HTML5 画布进行显示。对于编程逻辑代码来说，好像不是flash。或者，愤怒的小鸟团队是否用 JavaScript 重写了他们的代码？
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?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
Rovio（《愤怒的小鸟》的制作者）使用 Google Web Toolkit (GWT) 使其在 Chrome 浏览器中可用，如 CNET。
由于它是在 GWT 中完成的，这意味着它是用 Java 编写的，并使用如您提到的 html5 canvas 编译为 javascript。
编辑：
这是来自 Google IO 的视频 (youtube)，其中演示了 GWT 和ForPlay，以及《愤怒的小鸟》如何使用 GWT，GWT 依赖于 WebGL 和许多其他 HTML5 技术（本地存储等）——Chrome 是其中的主要前沿技术之一。
另一个来源 Ray Cromwell - GWT 贡献者之一。根据该消息来源，以及在其他不太可验证的地方提到的，由于 HTML5 音频标签的一些缺失部分，《愤怒的小鸟》也可能会回退到 Flash 来获取音频。
2012 年 4 月更新
《愤怒的小鸟》使用的 ForPlay 库已移至位于此处的 PlayN 库：
http://code.google.com/p/playn/
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/
chrome 版《愤怒的小鸟》是使用 google playn 库编写的。
http://code.google.com/p/playn/
Angry Birds for chrome, was written using the google playn library.
http://code.google.com/p/playn/
编辑：在与@WSkid讨论之后，我发现它是重型GWT，并且可能根本没有webgl。你不可能总是对的:)
实际上这不是 GWT，这是 WebGL。重点是，最初的愤怒的小鸟是用 opengl ES 编写的，即大多数现代手机（android、iphone...）都支持 opengl。
Chrome 正在努力制定新的网络 3D 标准，即 webgl。基本上你可以使用 javascript API 处理 3D 内容。
至于迁移，两者都是基于 openGL 的语言，某种程度上是 openGL 功能的简化集，因此他们必须做出一些更改才能将《愤怒的小鸟》移植到 google chrome。然而，这并不容易，因为级别较低，例如在进行纹理管理时，您总是会遇到困难的问题。
更多的：
http://www.khronos.org/opengles/
http://en.wikipedia.org/wiki/WebGL
我的两分钱...
EDIT: Following a discussion with @WSkid, I discovered that it is heavy GWT, and probably no webgl at all. You cannot be always right :)
Actually this is not GWT, this is WebGL. The point is that the original angrybirds was written in opengl ES, ie opengl supported by most modern phones (android, iphone...).
Chrome is working hard to come up with a new 3D standard for the web, which is webgl. Basically you can handle 3D stuff with a javascript API.
As for migrating, both are openGL based language, sort of reduced set of openGL capabilities, so they had to come up with a few changes to port Angry birds to google chrome. It is however not easy, because being low level, you always come up with difficult issues when you do texture management for instance.
more:
http://www.khronos.org/opengles/
http://en.wikipedia.org/wiki/WebGL
my two cents...
如果您在 safari/chrome 中检查游戏的 HTML（DOM 元素），您会发现它甚至不是画布，它几乎是纯 HTML div 和大量 CSS3 转换。
游戏中的天空和其他小物体只有很少（大约 3-5 个）画布元素。
所以它不是人们所说的画布。
（好奇：甚至可以更改背景元素的 CSS 并调整/破解游戏。=]）
If you inspect the HTML (DOM elements) of the game in safari/chrome you'll see it's not even canvas it's almost pure HTML divs and lots of CSS3 transformations.
There are just few (about 3-5) canvas elements for the sky and other small things in the game.
So it's not canvas as people are saying.
(curiosity: it's even possible to change the CSS of the background elements and tweek/hack the game. =])
【请看下面的真实答案】
《愤怒的小鸟》最近被移植到 Android 平台，这也是它进入 Chrome OS 平台的方式。最有可能的是，它只是 Android 版本的略微修改版本。
[PLEASE SEE THE REAL ANSWER BELOW]
Angry Bird's was recently ported to the Android platform which is how it's made its way to the Chrome OS platform. Most likely, it is just a slightly modified version of the Android version.