精灵图制作及使用

目的

为了减小游戏体积，加快加载游戏，故使用精灵图来达到效果

1、下载并安装制作精灵图软件：TexturePacker

下载地址：https://www.cr173.com/soft/1106641.html
下载安装完成后，打开软件使用免费版进入软件界面

2、制作精灵图

• 首先，直接将需要制作成精灵图的图片全部拖拽到到软件中，或点击左上角文件进行选择

• 其次，点击菜单栏处的发布精灵表，填写精灵表名称后，会得到两个文件：png和list文件；list文件是一个精灵图的配置文件，里面记录了每个图标的位置、大小等

3、在Cocos Creator中使用精灵图

1. 第一步：将发布出来的png和list文件移动到游戏的文件夹下，使用cocos creator打开
2. 第二步：在场景中新建一个精灵图（Sprite），选中它，找到当此放到文件里的list文件
3. 第三步：将list文件拖拽直接拉到属性检查器的Sprite中的Atlas，将需要展示的图标拖拽到Sprite Frame中，在软件的中间部分（场景编辑器）中就会显示出我们需要的图标

4、注意事项

• 如要重新去修改更新精灵图的内容，需要使用精灵图的源文件（.tps）进行修改，png和list修改无效 （使用TexturePacker保存就可以得到.tps的文件）