HTML 5 游戏开发工具 [关闭]答案

【问题标题】：HTML 5 game development tools [closed]HTML 5 游戏开发工具 [关闭]
【发布时间】：2011-09-11 06:37:29
【问题描述】：

谁能指导我使用最好的 HTML5 游戏开发引擎？

这是一个简单的跳跃和表面检测游戏。主题就像跳跃并越过树顶。

在这种情况下你有什么建议？

我的游戏目标是 Android 和 iOS 设备。为了节省内存，我应该编写自定义 JavaScript 还是使用库？你推荐哪个库？

【问题讨论】：

类似问题：stackoverflow.com/questions/5040628/…
@mghicks 以上链接不可用....
./shrug 看起来 SE 需要一种更好的方法来处理指向不存在的内容的链接...我猜一个 mod 可以出现并删除这些 cmets，就像他们删除了我删除的任何内容一样链接到。

标签： javascript html box2d box2d-iphone

【解决方案1】：

我花了很多时间评估不同的选项。 Crafty 是我最喜欢的，也是我目前正在使用的项目。 LimeJS 相当不错，但它依赖于 Closure 框架，我不喜欢这个框架。我也非常喜欢EaselJS 和CasualJS。

顺便说一句，最“专业”的选项之一是Impact，所以你也应该看看那个。然而，它并没有提供各种开源库所提供的许多功能，而且 Impact 提供的其他库所没有的功能也没有那么有价值。例如，如果您的游戏需要物理引擎（平台游戏可能需要），那么您可以轻松地自行集成Box2D。 another Box2D link

也就是说，在不使用 3rd 方库的情况下从头开始做事并不是一个糟糕的选择。免费电子书Dive Into HTML5 很好地解释了 Canvas 元素的工作原理。问题是，一个好的图形库将提供许多不是内置的图形功能：允许 Z 顺序和相互附加对象的显示层次结构、通过补间对象和精灵表的动画、鼠标事件这样您就可以单击对象等。

更新：我发布这个答案已经一年多了，情况略有变化（这是一个新兴的技术领域。）虽然 Crafty 仍然是一个不错的选择，在过去的一年中，EaselJS 获得了很大的动力（尤其是考虑到Adobe hopped on the EaselJS train。）我将在未来的项目中切换到该工具（还要注意它有一个new website）

更新 2： EaselJS 仍然是我最喜欢的选项，但另一个很好的选项出现了：Phaser。我计划在不久的将来探索这个。

【讨论】：

感谢更新@jhocking。对于我的项目，我使用了自定义 JS :)

【解决方案2】：

似乎不需要一个中间件，平台已经处理了大部分无聊的东西，使用进一步的抽象并不会真正变得更容易。

【讨论】：

JavaScript/HTML5 已经提供了很多，这是真的，但是一个好的图形库将提供很多不是内置的图形功能：允许 Z 顺序的显示层次结构和将对象相互附加，通过补间对象和精灵表进行动画处理，鼠标事件，以便您可以单击对象等。

【解决方案3】：

我对@987654321@ 有一些经验，并在英国的一家公司进行了横向滚动跳转并避免使用game。我学到了很多东西，并且玩得很开心。 gameQuery 引擎提供基本的 sprite sheet 动画（您受限于 sprite sheet 布局）、图层、游戏循环和一些基本的碰撞检测（仅限边界框）。它以 DOM 为目标并将您与它紧密联系在一起，这可能不是您想要的。我收集其他库允许您切换实现吗？

我同意开玩笑的观点，即您应该尽可能多地利用预先编写的东西。 LimeJS 带有 Box2d 的 javascipt 实现，该引擎用于制作愤怒的小鸟。我不能对 Google Closure 发表评论，但如果它对 Google 来说足够好，对我来说也足够好了。

【讨论】：

【解决方案4】：

您可能想查看 CopperCube。它是用于 3D HTML5 和 Flash 开发的 IDE。商业，但不是太贵。专注于 3D，所以大量使用 WebGL
CopperCube - a 3D editor for WebGL and Flash, Mac OS X, Windows and mobile apps

【讨论】：

WebGL 与 HTML5 是分开的。