像Canvas中的时间轴一样Flash

Question

我希望创建一个动画电影，但我没有使用Flash，而是使用HTML5画布。

在Flash专业人士中，有一个很好的时间表，可以很容易地创建动画。单独的动画片段有不同的时间表。

是否有任何框架/库可以在HTML5画布中的环境中工作？

如果没有，在HTML5画布中创建动画电影的最佳方法是什么？

Answer 1

Adob​​e为DOM元素创建了一个基于时间轴的工具，但遗憾的是它没有使用canvas元素。它将使用包含canvas元素的html。

它当然可以看一下：

Adobe edge animate

Answer 2

如果你来自Flash背景，你应该看看Grant Skinner的EaselJS。

EaselJS：http://www.createjs.com/#!/EaselJS

它是一个画布绘图库，它从Flash API中获得它的味道 - 你得到了你习惯的舞台和displayObjects。但它使用javascript和canvas来驱动和显示你的动画。

如果您有现有的Flash资源，可以使用他的Zoe工具将.swf转换为画布可以显示的spritesheets。我想我读过格兰特斯金纳和Adobe合作让Zoe非常准确和稳定的地方，但不要引用我的话！

我猜理论上你可以：

• 在梦幻般的Flash环境中进行未来的开发
• 使用Zoe将.swf转换为spritesheets
• 使用真实的画布绘图库（如EaselJS或KineticJS）来控制精灵。 （这些图书馆喜欢spritesheets！）