纸VS画架VS面料VS动能

Question

大家好我是html5画布开发的新手，我迷失在选择画布框架。有这么多人，我不知道要使用什么。所以我就在这里！我希望你的帮助，以选择哪一个更适合我的需求。有我的需要

1）我想要使用的框架矢量图形，我知道画布不是DOM，我真的不关心它，但我的意思是我想在对象创建后操作，PaperJS有这个功能我不了解别人。如果高级鼠标事件可用，则会更好。

2）我要使用图像的框架，我将加载图像，并用帆布它们的动画，移动，动画一些颜色...

3）我想要的框架，是因为我需要快速（图片动画应该是平滑的）

4）我希望框架拥有良好的社区，因为我知道我需要一些帮助。

那么你认为哪一个更适合我？如果你能从我的清单中写下哪些是每个框架的优点和缺点，请点名？

Answer 1

HTML5 canvas仍然很新鲜的环境。你可以得到的印象有很多已经可用的工具，但它们通常还不成熟。

我的回答将只涵盖你的部分问题，因为我只使用KineticJS和EaselJS。 你可以从阅读意见this page开始（我是最后一个在底部）。

不久就会说起KineticJS有较低的进入壁垒。它是简单的绘图库，并且也支持鼠标事件。当时我试图使用它，它几乎不可扩展。我发现很难定制我的需求。 EaselJS开始有点难，但它也更先进。现在它是其他所有已知的CreateJS库的一部分。看起来很多发展都在那里。

1. Kinetic和Easel都支持鼠标事件。我不记得 以及动力学，传感'onMouseOver'虽然与Easel是昂贵的。 这两个提到的库允许对象操作。你可以在这里找到 TweenJS也可以作为补充。
2. 同样，Kinetic和Easel都允许这样做。画架还支持 sprites - 网页游戏开发人员熟知的'动画图像'。
3. 我对Kinetic没有把握，因为在我放弃它之前，我还没有达到我的 项目的动画部分（lib，而不是项目）。随着画架 速度很棘手。它具有一些优化方法，如 ，例如对象缓存或snapToPixel标志。示例似乎非常好地运行 。然而，对于我使用画架光滑度的项目，尽管在优化方面付出了很多努力，但仍然是 的一个问题。也许我 滥用API或仍然有更多的优化我 没有注意到的地方。
4. 两个库都很年轻，但似乎积极开发。 作者相当敏感。社区仍然不大，但我猜想CreateJS作为更加完整的游戏创作工具将会增长更快。

如果你想检查这里是the project I mentioned。这是使用EaselJS + TweenJS制作的网页。尽管如此，仍然需要一些小调整。