Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

前言:Aseprite入门教程

           Aseprite入门:第一个gif动图

1、制作像素画:

  按照上一次的小球跳动制作过程,先制作一个像素画动画:

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

  若是导出gif动态图,效果如下:

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

  但是在保存图片时,不要导出gif格式,选择save as...:

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

  选择好路径后,选择png格式输出:

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

  会提示自动把每一帧的图片按照1、2、3···等数字的顺序保存:

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

  保存如下:

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

2、使用TexturePackerGUI工具进行处理:

  打开

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

软件,看到界面:

  这里要注意,使用试用版的话,打包的图片会出现乱码文字!我一开始就是因为这个,卡了半天。

  点击Add Sprites:

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

  在弹出的选择文件框里按住Ctrl把要添加的图片全部点选:

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

  选择格式:

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

  点击Publish生成:

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

  生成的图片和plist文件如下:

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

3、建立cocos项目:

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

4、在vs里编辑代码:

  将plist和png文件复制到新建的test项目下的Resources资源文件夹下:

  

Aseprite+Cocos:打包像素画图,导入到cocos里并动起来

 

  用.sln打开项目:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpdjzw.html