摘要：像素画游戏开发系列：2D游戏角色动画导出简史

关键词：像素画，2D，游戏开发，角色动画，导出

撰文&编辑：三二

教你画像素画首发 | 公众号 pixelart

本文共1103个字，阅读大约需要3分钟。

题图：vemigvan

大家都知道策划（治疗），程序（坦克），美术（输出）是游戏开发三剑客，就和玩WOW打BOSS差不多。

策划管控整个游戏走向，还需要每天给程序和美术鼓励加油提反馈；美术负责输出玩家看到的一切视觉内容；程序则负责让所有图片动起来。

程序要让图片动起来，就需要美术先将画好的东西导出。那么怎么导出呢？

准备导出内容

导出之前，先准备好内容，画好游戏角色和动画。你可以使用Photoshop或Aseprite画出像素画，如果是动画的就是很多帧像素画。

画的时候记住一定要分层，方便以后修改和制作动画。

1、序列帧导出

序列帧导出是最古老的方法：也就是游戏中所有角色动作帧都是1张图。一个角色动画有几帧，对应的就有几张图。

比如这个合金弹头角色的惊讶动作是4帧，那么就是4张图，分别导出png，交给程序，美术的任务就完成了。图片中标记了第3、4帧需要循环播放一会。

序列帧导出，对于美术来说是最省事的。导出省事了，修改就比较痛苦了。因为都是1张整图，假若需要修改，就需要重新走一遍流程：修改源文件-重新导出-提交程序-程序可能需要修改图片文件名-压缩-程序调用，结束。

动作帧数少还好，如果很多就很痛苦了。

为了提高开发效率，程序员大佬开发出了动作编辑器。目前最流行的动作编辑器是Spine。

Spine动作编辑器的原理就是将原来整张图的角色动画序列帧拆碎，角色拆的越碎，制作出来的角色动画就越细腻。

拆碎之后的碎片就可以拉伸、旋转、缩放，这样就可以制作出补间动画，大大提高了美术制作角色动画的效率。动作编辑器几乎没有缺点，因为它同时支持逐帧动画，因为不管什么透视什么角度的角色动画都可以做。

资深的Spine玩家可以制作出出色假3D动画，当然这是位图的，不是像素画。

动作编辑器可以将图片和动画信息存储为特定的数据格式，方便程序在引擎或代码中调用。通过动作编辑器，美术在干活的时候几乎不需要和程序沟通，只要在编辑器中做好效果，策划确认OK就可以上传git或SVN，程序在打包游戏测试的时候更新一下资源库即可。

动作编辑器的原理很简单，就是将整图拆碎，这样每一个碎片都可以活动，组合起来就可以变成各种动画。

比如这个合金弹头角色手里拿着鸡，鸡和角色是单独拆开的，这样鸡和角色的动画帧就可以互不影响，更加生动。

完。