HTML5 中的 2D 交互式动画引擎

Question

我正在寻找一个简单的 JavaScript 库或框架来在浏览器中创建交互式 2D 动画。 （请原谅标题中的流行语，但我没有设置任何特定的渲染技术，如 Canvas 或 SVG。）

这应该使得在 canvas 屏幕上绘制和动画任意（虽然不是很复杂）形状变得简单并且允许用户选择和移动这些形状作为对象（有点像非常基本的RTS游戏引擎）。

理想情况下，应支持以下功能（直接或间接；如有必要，我会自己实现）：

• 平移
• 缩放
• fisheye局部放大
• 框选择（通过在对象周围画一个框来选择多个对象）

还不熟悉这些东西，我发现研究那里的东西很棘手（例如关于搜索词）。此外，我对一些不需要我付出任何努力的神奇包没有任何幻想——事实上，我更喜欢简单易读的库，这样我就可以通过阅读源代码来了解基础知识。

Answer 1

您可能确实进行了搜索，发现了几十个 js 游戏引擎。我只会为你缩小范围。仅仅吐出一个单一的js游戏引擎是不可能的。此外，根据您想要制作的游戏类型，您可能会发现一些比其他更合适。所以他们在这里

LimeJS

Impact

Crafty

Answer 2

如果您喜欢简单的库，不妨看看GameJS。它声称是“HTML5 画布元素之上的精简库”。它是从 PyGame 到 JavaScript 的一个端口，以我的经验是一个相当不错的抽象层，同时又不会过度。

如果还是不行，看看这个list of JS game (and animation) engines。