Javascript 如何开始在Chrome上制作类似愤怒的小鸟的游戏

基于浏览器的应用程序据说是使用Canvas 2D或Web GL完成的

我试图使用“Inspect Element”按钮查看源代码，但我的chrome每次都会崩溃

我只是想知道如何开始开发如此棒的游戏。寻找指向在线资源、书籍和初学者特定提示的指针。

当您“查看源代码”（与使用“检查元素”相反）时，第一个元标记表示

name="gwt:property" content="html.renderer=webgl"

因此，我认为WebGL确实正在被使用。（WebGL实际上使用了canvas元素，因此从技术上来说，答案是“canvas and WebGL”，而不是“canvas or WebGL”。但我猜它没有使用javascript canvas 2D API。）

当我使用Ctrl+Shift+I并单击“元素”时，DOM树显示id为“forplay root”的

有一个子

元素。但我不知道如何验证它是否用于WebGL或更传统的canvas 2D调用

一个非常好的学习WebGL的网站是。特别是，看一看

我不知道为什么页面会使你的Chrome页面崩溃。您使用的是全新版本的Chrome吗？发布版本直到最近才支持WebGL。（但这并不能解释崩溃的原因……你只是看不到动作。）你可能需要提交一份Chrome的bug报告。

如果你想要一本书，就出来吧。它非常基本，但如果您完全不熟悉JavaScript和Canvas，它将对您非常有用

一个快节奏的介绍将是最新的，这是非常清楚的

为了掌握从画画到能够与之交互的过程，我建议自己学习这方面的教程

对于一本关于Javascript的普通书（不管你以前的经验如何），它可能值得一读

关于一般性建议，我给你Ira Glass的话：

没有人会把这件事告诉那些 初学者，我希望有人告诉我。全部的 我们这些从事创造性工作的人 因为我们有很好的品味。 但也存在这一差距。第一次 几年来你做东西，只是 不太好。它试图表现得很好， 它有潜力，但不是。但是 你的品味，让你着迷的东西 进入游戏，依然是杀手。及 你的品味就是你工作的原因 让你失望。很多人从来没有 过了这个阶段，他们就退出了。最 我认识的做有趣事情的人， 创造性的工作经历了多年的发展 这我们知道我们的工作没有什么价值 这是我们想要的特别的东西 有。我们都经历过这一切。如果 你只是刚刚开始，或者你是 还在这个阶段，你得知道 这是正常的，也是最重要的 你能做的就是做很多工作。 给自己设定一个截止日期，以便 每周你将完成一个故事。 这只是通过浏览一个卷 你将要完成的工作， 你的工作会和你的工作一样好 野心。我花了更长的时间去思考 比我见过的任何人都知道怎么做 从未见过。这需要一段时间。它是 正常需要一段时间。你刚刚 你得一路战斗到底

---

对于这样的游戏，我会开始考虑如何拥有相同的物理，所以Box2D是最好的起点。

---

可以查看各种javascript端口。

愤怒的小鸟端口是使用GWT ForPlay库完成的

---

有趣的是，你可以用Java编写游戏，并从同一个源代码为Android、WebGL和Flash编译。这真是太棒了。查看ForPlay上的Google I/O 2011演示文稿，了解更多详细信息

该端口可能使用流行的libgdx跨平台库完成。它是用java编写的，但允许您在桌面上调试和玩游戏。基本上，在一个核心项目中只编写一次代码，它就可以链接到其他四个项目dektop、Html5、android和iOS。Html5版本是在gwt的帮助下完成的，而iOS版本是在robovm的帮助下完成的。你可以在这里查看：。

你也可以查看页面的源代码。我现在正在看这个

：）

-@Jimmy页面源代码显示不多。您可以尝试一下——它实际上并没有在屏幕上显示生成活动的内容，但当我单击Inspect元素时，我可以看到相应的代码。但这会毁了我的Chrome。我正在运行一个相当大的内存箱——4 Gig，核心i5包含很多代码，但它相当混乱。我肯定看到很多关于webgl的参考资料。我有最新的Ubuntu Natty Narhall版本。。将提交一份bug报告。@代理：除了Chrome的bug报告外，您可能还想为Chrome的愤怒的小鸟提交一份bug报告，因为它是beta版，他们正在要求提供bug报告。+Ira Glass的infinity（无法击败它！）