游戏UI的Javascript框架

Question

作为开发人员，我在职业生涯中使用了一些javascript框架。即jquery，moo工具和地图集。但我所有的经验都围绕着专业的企业网站开发。我目前正在开发一款具有非常丰富UI的游戏。我正在考虑完全用javascript和HTML实现UI。所以现在我正在研究我在这方面的选择。有没有我可以使用的javascript框架，这将帮助我创建一个丰富的游戏UI？

具体来说，我需要为角色和效果制作动画。如果需要，这可以是逐帧的，甚至可以像很多flash动画一样使用。理想的框架将内置功能以获取艺术资产，也许还有XML有效负载，在解释时将描述艺术资产如何与彼此相关。对于逐帧，这将是我告诉它图像进入的顺序以及切换帧的速度的一种方式。对于铰链式框架，我可以告诉它在哪里定位手臂，腿，关节的位置，并允许我将特定的关节运动分组到动画中。最后，理想的框架将支持纸娃娃功能，我可以使用分层将一副眼镜放在角色上，或者不同的衣服或头发颜色。

我意识到我上面描述的理想很可能是不可用的，但是如果有一些东西可以让我更接近我的理想来自jquery或其他类似的框架，它将帮助我做出决定。

由于

Answer 1

你要求的东西太具体了。在将游戏渲染到屏幕上时，您有3个主流的非插件选项

<强>帆布

画布是基于光栅的显示。您可以在画布上使用狭义抽象，如easel.js，也可以使用像The render engine这样的重抽象。现在这些可能没有您想要的细粒度功能。

他们不这样做的原因是表现。高性能代码和高级抽象并不是齐头并进的。你会发现，使用轻量级的重抽象会带来很大的性能损失。

<强> SVG

您可以使用SVG，它呈现为基于矢量的图形。 SVG的一个很好的抽象库是rapheal。同样，由于性能成本的原因，没有高级抽象库或框架可供您查找。

<强> DOM

您也可以通过简单地使用DOM操作进行渲染。任何像jQuery或MooTools这样的库都可以做到这一点。如果您想使用HTML UI元素而不是自定义生成的元素，您可以使用一些重量级的UI工具包，例如Sencha，SproutCore和Cappucino。

没有任何通用和主流可以让你的生活变得轻松。您可以查看一些javacript游戏引擎，如crafty

Answer 2

Javascript游戏框架：

• Impact JS
• Akihabara
• GameQuery