Adobe Flash专业CS6的引入了一个新的工具,称为“针序列图生成器。此功能允许您生成一个精灵在舞台上或文档库中的任何符号或图像表。针序列图是一个有效的方式来增加游戏的循环动画,因为他们可以使用GPU呈现。
本文探讨如何将其转换成一个精灵使用Flash针序列图生成器的表循环动画。
Flash是交互式内容创建一个Groovy十字路口,动画和交互性故意碰撞与美丽的结果的最佳工具之一。如果有一件事我注意到在过去的一年,它已经不可否认,在网络技术的转变。我们都已经听到的“HTML5的”被扔周围,少谈“flash”的谈话。我什至听到有人说,HTML5的将是真正的Flash杀手。作为一个漫画家,我喜欢使用flash,以及超过十年,但我担心的问题是未来的Flash?不尽然。没有技术是永恒的,但Flash是这里至少留一点点的一段时间,很明显;认为又何尝不是如此。
创建动画
创建精灵表之前,你需要一个动画。我选择了动画,我设计的字符德裕框架(见图1)。
图1。八哥框架字符
使用的Adobe Photoshop触摸应用程序,上传到Adobe创意云鸟头像八哥框架设想,然后在Adobe Flash专业CS6的进口和重绘。正如我画鸟,使用Flash的矢量工具,我打破了成单独的资产的各部分,并将其转化为符号(见图2)。
图2。分成符号字符
下一步是创建翼动画。我双击点击机翼的符号和动画它使用的方法称为帧帧动画,每个关键帧是一个新的图(见图3)。
图3。创建动画帧的翅膀
我复制的象征包含翼动画的实例,并粘贴到下面的鸟身的新层。我然后水平翻转它,并把它定位为鸟的左翼。添加一个轻微的深度感,我选择了这个符号的实例,并采用一种微妙的色彩效果。这里的想法是变暗稍微推回去休息,从身体各部位(见图4)。
图4。添加左翼动画,
我也飘了起来翅膀拍打(见图5)的方向同步动画整个鸟。
生成的精灵表
现在动画是完整的,Flash可以产生精灵表。在舞台上的符号,包含动画实例,右键单击它,并选择“生成针序列图,从弹出菜单(见图6)。
图6。选择“生成针序列图命令
创建一个Sprite表的另一种方式是右键单击“库”面板中列出的符号,并从弹出菜单中选择“生成针序列图(见图7)。
图7。从“库”面板中生成针序列图命令的访问
生成针序列图将在自己的面板(见图8)。
图8。打开生成针序列图面板
选择适当的动画图像尺寸(见图9):
图9。选择图像尺寸精灵
针序列图设置
从图像格式下拉菜单中,选择8位的PNG,PNG,24位,PNG,32位和JPEG格式。如果优化是一个问题,你可以选择具透明度的PNG 8位格式,使文件的大小大大下降(见图10)。
图10。选择图像格式
您还可以设置自定义背景色为您的精灵表,按一下背景颜色样本,从调色板中选择一个新的颜色,或混合在调色板面板上右上角的小混频器的图标,通过点击自己的(见图11)。
图11。选择背景颜色
然后,更新生成针序列手册面板,以反映新的背景颜色的变化(见图12)。
图12。更新生成针序列图面板
算法的设置提供基本MaxRects。
基本:基本设置是最简单的动画。“搜神记”统一安排行。
MaxRects:“MaxRects设定是用来装帧,更加紧密地结合在一起。(见图13)。
图13。选择算法
在游戏中动态纳入精灵表
准备在一场比赛中掺入针序列图,选择合适的数据格式(见图14)。数据格式描述的的x,y,宽度,高度和每个帧动画精灵表的其他信息。开发人员使用这些数据来产生动画,从他们使用的任何框架的精灵表。你甚至可以创建自己的数据格式,如果你没有看到一个在这里,你需要使用的JSFL。
图14。选择数据格式
你可以预览精灵动画精灵窗口上方点击“预览”选项卡(见图15),在任何时候。
图15。预览精灵动画
原文:http://www.adobe.com/devnet/flash/articles/using-sprite-sheet-generator.html