精灵表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-08-06-05_f02ed840bbe8347be49914ed9ca621d9)
2 点击添加zip 将分割后生成的压缩包导入 具体内容 如下图
(由于没有允许修剪在后来使得图片存在多余空白)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=9025c1948da20cf44690fed746084b0c/2a5886cad1c8a78600b00c1d3a09c93d71cf50d6.jpg?tbpicau=2024-08-06-05_5425fa726af575ad956a2ab76b5a8dad)
3 导出前的最终设置结果 点击图中导出按钮(在2048数字上面)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=66e8de170482b2b7a79f39cc01accb0a/984d234e251f95ca1664d4a594177f3e660952d3.jpg?tbpicau=2024-08-06-05_ba68083e1adbf45c380f927317ea850a)
4. 导出结果 (另一种tileset导出格式会将.tpsheet替换成.tpset文件 ,texture.png相同)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=755705e5faefce1bea2bc8c29f50f3e8/dd5c1df41bd5ad6e387c22f9dccb39dbb7fd3ce7.jpg?tbpicau=2024-08-06-05_68df5c86141244e0fe1a1da712268d9d)
5 将上述两个文件导入godot 在没有启用插件时tpsheet文件不能显示在编辑器中
![](http://tiebapic.baidu.com/forum/w%3D580/sign=7b2c833c67292df597c3ac1d8c305ce2/df511a24ab18972b3bc546d9bbcd7b899f510ae9.jpg?tbpicau=2024-08-06-05_42bedba0d12352d932a42bb081a82287)
6 启用插件后 重新导入自动生成atlasTexture
![](http://tiebapic.baidu.com/forum/w%3D580/sign=6296e7cdad1f3a295ac8d5c6a924bce3/5d21c3160924ab1879e9a72468fae6cd7a890be9.jpg?tbpicau=2024-08-06-05_24a4403fd67ba42a4bd78da4d12a61b9)
7 使用atlasTexture 在需要的地方 直接使用对应的精灵atlasTexture
atlasTexture 能够提升性能 节约内存 在运行时加载一次整张精灵表
使用单个精灵时 会自动从精灵表中根据区域截取对应的精灵
![](http://tiebapic.baidu.com/forum/w%3D580/sign=347801c50434970a47731027a5cbd1c0/bc5ef8c4b74543a91e8d33265b178a82b8011409.jpg?tbpicau=2024-08-06-05_d84f46209cfdec4c880e790fcb23bcb4)
8 由于在 导出精灵表时没有启用修剪 出现了7图中精灵多余空白区域 并且未居中
笨办法补救如下图 (如果要删除重新导入 记得把插件暂时关闭)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=1587c841463b5bb5bed720f606d1d523/3bef4ddf8db1cb1374e7f5f99854564e93584b11.jpg?tbpicau=2024-08-06-05_8eb4d106eab5d17a110187539071c7cb)
9 tileset导出类似
导入插件根据tpset生成的.tileset文件可供tilemap绘制
![](http://tiebapic.baidu.com/forum/w%3D580/sign=c84c708ed1eef01f4d1418cdd0fc99e0/b9ba4166d0160924d7db6bf1910735fae7cd3421.jpg?tbpicau=2024-08-06-05_7e42b82b5694039b1b03d49109942c58)
使用到两个工具为
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-08-06-05_f02ed840bbe8347be49914ed9ca621d9)
2 点击添加zip 将分割后生成的压缩包导入 具体内容 如下图
(由于没有允许修剪在后来使得图片存在多余空白)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=9025c1948da20cf44690fed746084b0c/2a5886cad1c8a78600b00c1d3a09c93d71cf50d6.jpg?tbpicau=2024-08-06-05_5425fa726af575ad956a2ab76b5a8dad)
3 导出前的最终设置结果 点击图中导出按钮(在2048数字上面)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=66e8de170482b2b7a79f39cc01accb0a/984d234e251f95ca1664d4a594177f3e660952d3.jpg?tbpicau=2024-08-06-05_ba68083e1adbf45c380f927317ea850a)
4. 导出结果 (另一种tileset导出格式会将.tpsheet替换成.tpset文件 ,texture.png相同)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=755705e5faefce1bea2bc8c29f50f3e8/dd5c1df41bd5ad6e387c22f9dccb39dbb7fd3ce7.jpg?tbpicau=2024-08-06-05_68df5c86141244e0fe1a1da712268d9d)
5 将上述两个文件导入godot 在没有启用插件时tpsheet文件不能显示在编辑器中
![](http://tiebapic.baidu.com/forum/w%3D580/sign=7b2c833c67292df597c3ac1d8c305ce2/df511a24ab18972b3bc546d9bbcd7b899f510ae9.jpg?tbpicau=2024-08-06-05_42bedba0d12352d932a42bb081a82287)
6 启用插件后 重新导入自动生成atlasTexture
![](http://tiebapic.baidu.com/forum/w%3D580/sign=6296e7cdad1f3a295ac8d5c6a924bce3/5d21c3160924ab1879e9a72468fae6cd7a890be9.jpg?tbpicau=2024-08-06-05_24a4403fd67ba42a4bd78da4d12a61b9)
7 使用atlasTexture 在需要的地方 直接使用对应的精灵atlasTexture
atlasTexture 能够提升性能 节约内存 在运行时加载一次整张精灵表
使用单个精灵时 会自动从精灵表中根据区域截取对应的精灵
![](http://tiebapic.baidu.com/forum/w%3D580/sign=347801c50434970a47731027a5cbd1c0/bc5ef8c4b74543a91e8d33265b178a82b8011409.jpg?tbpicau=2024-08-06-05_d84f46209cfdec4c880e790fcb23bcb4)
8 由于在 导出精灵表时没有启用修剪 出现了7图中精灵多余空白区域 并且未居中
笨办法补救如下图 (如果要删除重新导入 记得把插件暂时关闭)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=1587c841463b5bb5bed720f606d1d523/3bef4ddf8db1cb1374e7f5f99854564e93584b11.jpg?tbpicau=2024-08-06-05_8eb4d106eab5d17a110187539071c7cb)
9 tileset导出类似
导入插件根据tpset生成的.tileset文件可供tilemap绘制
![](http://tiebapic.baidu.com/forum/w%3D580/sign=c84c708ed1eef01f4d1418cdd0fc99e0/b9ba4166d0160924d7db6bf1910735fae7cd3421.jpg?tbpicau=2024-08-06-05_7e42b82b5694039b1b03d49109942c58)