谷歌动画 - 他们如何创建png精灵

时间:2012-10-05 15:29:24

标签: animation sprite

据我所知,除了谷歌在动画中使用画布时,他们会使用一个大的png精灵并使用JS来移动它来制作动画。

我还可以看到有http://spriteme.org/这样的工具会从一堆png中创建精灵。

我想知道的是,您首先要如何创建这些png?我可以想象在photoshop中创建每个精灵会很痛苦。例如,您将无法看到动画在整个过程中的感觉。

加上编辑它一旦保存就会很痛苦,因为你有一堆png或原始的photoshop文档,并且需要重新导出单个png然后重新编写它。

这就像adobe edge动画这样的工具能够解决这个问题吗?

一如既往 - 非常感谢

1 个答案:

答案 0 :(得分:1)

我使用Flash制作动画,在png中导出动画,并使用spritegenerator.exe生成精灵http://spritegenerator.codeplex.com/releases/view/52139