手动从 TexturePacker 加载 Pixi spritesheets，而不是通过 Pixi.Loader？答案

【问题标题】：Loading Pixi spritesheets from TexturePacker manually and not through Pixi.Loader?手动从 TexturePacker 加载 Pixi spritesheets，而不是通过 Pixi.Loader？
【发布时间】：2020-05-28 03:12:29
【问题描述】：

我一直在使用 TexturePacker 和 Pixi 制作动画，但现在导出的 TexturePacker 文件（多包）存储在 CMS 系统中。 CMS 会在文件名前加上不可预知的字母和数字，这使得 PIXI 无法将 json 和 spritesheets 链接在一起，并且 json 中的“related_multi_packs”值现在不正确。

有没有办法告诉 PIXI 以“手动”方式使用这些文件？在我使用标准 ajax 加载 json 文件后，我是否可以在 json 文件中注入正确的 spritesheet url，然后然后以某种方式将其提供给 PIXI？

【问题讨论】：

也许在您的 CMS 保存/更新数据之后，您应该自动运行 TexturePacker（通过命令行）等以生成正确的文件，然后在 Pixi.js 中您应该加载那些生成的文件？
CMS 服务器无法运行 TexturePacker，所以我需要为此引入一个新服务器。似乎有点矫枉过正。

标签： pixi.js texturepacker

【解决方案1】：

我最终手动解析它，因为我找不到其他方法。这比预期的要容易。

用 axios 加载 json 文件。
遍历多包文件并确保正确的 json 并且 spritesheet 被组合在一个数组中。
使用 Pixi 加载器加载 spritesheet 图像。
解析 json 并在 baseTexture 上使用正确的 frame/trim/orig/rotation 构建 sprite。

像魅力一样工作。

【讨论】：