3

我正在寻找制作动画电影,但不是使用 Flash,而是使用 HTML5 画布。

在 Flash Professional 中,有一个很棒的时间线,可以非常轻松地创建动画。不同的电影剪辑有不同的时间线。

是否有任何框架/库可用于在 HTML5 画布中类似时间线的环境中工作?

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

4

2 回答 2

5

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

它肯定工作看看:

Adobe边缘动画

于 2013-03-22T15:01:10.210 回答
2

如果您来自 Flash 背景,您应该查看 Grant Skinner 的 EaselJS。

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

它是一个画布绘图库,它从 Flash API 中获得了它的风格——你得到了你习惯的舞台和显示对象。但它使用 javascript 和 canvas 来驱动和显示您的动画。

如果您有现有的 Flash 资源,您可以使用他的 Zoe 工具将您的 .swf 转换为画布可以显示的 spritesheets。我想我在某个地方读到过 Grant Skinner 和 Adob​​e 合作使 Zoe 变得非常准确和稳定——但不要引用我的话!

我想理论上你可以:

  • 在梦幻般的 Flash 环境中做你的未来发展
  • 使用 Zoe 将 .swf 转换为 spritesheets
  • 使用真正的画布绘图库,如 EaselJS 或 KineticJS 来控制精灵。(这些库喜欢 spritesheets!)
于 2013-03-22T15:41:49.757 回答