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

时间:2012-05-20 18:33:38

标签: javascript html5 canvas svg

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

这样可以简化在画布屏幕上绘制和动画任意(但不是非常复杂)的形状允许用户选择并将这些形状作为对象移动(有点像非常基本RTS游戏引擎。

理想情况下,应支持以下功能(直接或间接;如有必要,我自己实施):

  • 平移
  • 缩放
  • fisheye部分缩放
  • 框选择(通过在它们周围画一个框来选择多个对象)

还不熟悉这些事情,我觉得研究那里有什么是棘手的(例如关于搜索术语)。另外,我对一些不需要任何努力的神奇软件包没有幻想 - 事实上,我更喜欢简单易读的库,所以我可以通过阅读源代码来了解基础知识。

2 个答案:

答案 0 :(得分:4)

如果您喜欢简单的图书馆,或许请查看GameJS。它声称是“HTML5 canvas元素之上的瘦库”。它是PyGame到JavaScript的一个端口,根据我的经验,一个相当不错的抽象层,同时它不会过度。

如果没有删除它,请查看此list of JS game (and animation) engines

答案 1 :(得分:1)

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

LimeJS

Impact

Crafty