精灵表sprite sheet打包生成和分割工具 以及godot导入插件
使用到两个工具为
1、godot 插件 TexturePacker Importer (这个插件本是TexturePacker一款收费软件的导入器
但下面的工具导出格式与TexturePacker类似,故可使用它)
https://godotengine.org/asset-library/asset/169
2、开源在线sprite sheet打包或分割工具
在线版 https://free-tex-packer.com/app/
本地软件下载(能够支持图片分文件夹) https://free-tex-packer.com/download/
源码 https://github.com/odrick/free-tex-packer
使用的素材为godot开源教程ARPG 的player.png (B站 有搬运的翻译教程)
https://github.com/uheartbeast/arpg-reference/blob/master/Sprites/Player/Player.png
1 手边没有单独的图片 故先使用分割工具将精灵图分割成单独的图片 默认参数可以满足需要
![](http://tiebapic.baidu.com/forum/w%3D580/sign=9d66bbb68c43ad4ba62e46c8b2025a89/29d04aee3d6d55fbf6ae303530224f4a20a4dd04.jpg?tbpicau=2024-07-04-05_4708535df90540726e12e46542aceebb)
2 点击添加zip 将分割后生成的压缩包导入 具体内容 如下图
(由于没有允许修剪在后来使得图片存在多余空白)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=9025c1948da20cf44690fed746084b0c/2a5886cad1c8a78600b00c1d3a09c93d71cf50d6.jpg?tbpicau=2024-07-04-05_e4bf83abf0ddc14c5e63ddc9b61ff5ff)
3 导出前的最终设置结果 点击图中导出按钮(在2048数字上面)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=66e8de170482b2b7a79f39cc01accb0a/984d234e251f95ca1664d4a594177f3e660952d3.jpg?tbpicau=2024-07-04-05_efa3a7946bd3c6eb76d7c93c1b4ff483)
4. 导出结果 (另一种tileset导出格式会将.tpsheet替换成.tpset文件 ,texture.png相同)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=755705e5faefce1bea2bc8c29f50f3e8/dd5c1df41bd5ad6e387c22f9dccb39dbb7fd3ce7.jpg?tbpicau=2024-07-04-05_4d44e8fd2d963415fda3a67a89d2aec9)
5 将上述两个文件导入godot 在没有启用插件时tpsheet文件不能显示在编辑器中
![](http://tiebapic.baidu.com/forum/w%3D580/sign=7b2c833c67292df597c3ac1d8c305ce2/df511a24ab18972b3bc546d9bbcd7b899f510ae9.jpg?tbpicau=2024-07-04-05_f906cfb33c3ff6b141f67d8dbeba4dc4)
6 启用插件后 重新导入自动生成atlasTexture
![](http://tiebapic.baidu.com/forum/w%3D580/sign=6296e7cdad1f3a295ac8d5c6a924bce3/5d21c3160924ab1879e9a72468fae6cd7a890be9.jpg?tbpicau=2024-07-04-05_830721c357757194b667d6379ec1b8ca)
7 使用atlasTexture 在需要的地方 直接使用对应的精灵atlasTexture
atlasTexture 能够提升性能 节约内存 在运行时加载一次整张精灵表
使用单个精灵时 会自动从精灵表中根据区域截取对应的精灵
![](http://tiebapic.baidu.com/forum/w%3D580/sign=347801c50434970a47731027a5cbd1c0/bc5ef8c4b74543a91e8d33265b178a82b8011409.jpg?tbpicau=2024-07-04-05_cce8d65b2b6bb4a045ed126f2146f133)
8 由于在 导出精灵表时没有启用修剪 出现了7图中精灵多余空白区域 并且未居中
笨办法补救如下图 (如果要删除重新导入 记得把插件暂时关闭)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=1587c841463b5bb5bed720f606d1d523/3bef4ddf8db1cb1374e7f5f99854564e93584b11.jpg?tbpicau=2024-07-04-05_a1e97dd9db2540b720e2597db73050eb)
9 tileset导出类似
导入插件根据tpset生成的.tileset文件可供tilemap绘制
![](http://tiebapic.baidu.com/forum/w%3D580/sign=c84c708ed1eef01f4d1418cdd0fc99e0/b9ba4166d0160924d7db6bf1910735fae7cd3421.jpg?tbpicau=2024-07-04-05_308cb530cedf0177c2a77c59b73bb4c7)
使用到两个工具为
1、godot 插件 TexturePacker Importer (这个插件本是TexturePacker一款收费软件的导入器
但下面的工具导出格式与TexturePacker类似,故可使用它)
https://godotengine.org/asset-library/asset/169
2、开源在线sprite sheet打包或分割工具
在线版 https://free-tex-packer.com/app/
本地软件下载(能够支持图片分文件夹) https://free-tex-packer.com/download/
源码 https://github.com/odrick/free-tex-packer
使用的素材为godot开源教程ARPG 的player.png (B站 有搬运的翻译教程)
https://github.com/uheartbeast/arpg-reference/blob/master/Sprites/Player/Player.png
1 手边没有单独的图片 故先使用分割工具将精灵图分割成单独的图片 默认参数可以满足需要
![](http://tiebapic.baidu.com/forum/w%3D580/sign=9d66bbb68c43ad4ba62e46c8b2025a89/29d04aee3d6d55fbf6ae303530224f4a20a4dd04.jpg?tbpicau=2024-07-04-05_4708535df90540726e12e46542aceebb)
2 点击添加zip 将分割后生成的压缩包导入 具体内容 如下图
(由于没有允许修剪在后来使得图片存在多余空白)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=9025c1948da20cf44690fed746084b0c/2a5886cad1c8a78600b00c1d3a09c93d71cf50d6.jpg?tbpicau=2024-07-04-05_e4bf83abf0ddc14c5e63ddc9b61ff5ff)
3 导出前的最终设置结果 点击图中导出按钮(在2048数字上面)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=66e8de170482b2b7a79f39cc01accb0a/984d234e251f95ca1664d4a594177f3e660952d3.jpg?tbpicau=2024-07-04-05_efa3a7946bd3c6eb76d7c93c1b4ff483)
4. 导出结果 (另一种tileset导出格式会将.tpsheet替换成.tpset文件 ,texture.png相同)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=755705e5faefce1bea2bc8c29f50f3e8/dd5c1df41bd5ad6e387c22f9dccb39dbb7fd3ce7.jpg?tbpicau=2024-07-04-05_4d44e8fd2d963415fda3a67a89d2aec9)
5 将上述两个文件导入godot 在没有启用插件时tpsheet文件不能显示在编辑器中
![](http://tiebapic.baidu.com/forum/w%3D580/sign=7b2c833c67292df597c3ac1d8c305ce2/df511a24ab18972b3bc546d9bbcd7b899f510ae9.jpg?tbpicau=2024-07-04-05_f906cfb33c3ff6b141f67d8dbeba4dc4)
6 启用插件后 重新导入自动生成atlasTexture
![](http://tiebapic.baidu.com/forum/w%3D580/sign=6296e7cdad1f3a295ac8d5c6a924bce3/5d21c3160924ab1879e9a72468fae6cd7a890be9.jpg?tbpicau=2024-07-04-05_830721c357757194b667d6379ec1b8ca)
7 使用atlasTexture 在需要的地方 直接使用对应的精灵atlasTexture
atlasTexture 能够提升性能 节约内存 在运行时加载一次整张精灵表
使用单个精灵时 会自动从精灵表中根据区域截取对应的精灵
![](http://tiebapic.baidu.com/forum/w%3D580/sign=347801c50434970a47731027a5cbd1c0/bc5ef8c4b74543a91e8d33265b178a82b8011409.jpg?tbpicau=2024-07-04-05_cce8d65b2b6bb4a045ed126f2146f133)
8 由于在 导出精灵表时没有启用修剪 出现了7图中精灵多余空白区域 并且未居中
笨办法补救如下图 (如果要删除重新导入 记得把插件暂时关闭)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=1587c841463b5bb5bed720f606d1d523/3bef4ddf8db1cb1374e7f5f99854564e93584b11.jpg?tbpicau=2024-07-04-05_a1e97dd9db2540b720e2597db73050eb)
9 tileset导出类似
导入插件根据tpset生成的.tileset文件可供tilemap绘制
![](http://tiebapic.baidu.com/forum/w%3D580/sign=c84c708ed1eef01f4d1418cdd0fc99e0/b9ba4166d0160924d7db6bf1910735fae7cd3421.jpg?tbpicau=2024-07-04-05_308cb530cedf0177c2a77c59b73bb4c7)