pixi.js 4.5.5版本 怎么通过 json 来加载纹理贴图集

在Pixi.js 4.5.5版本中，你可以通过JSON文件来加载纹理贴图集。以下是一个简单的示例代码：

// 创建一个加载器
var loader = new PIXI.loaders.Loader();

// 加载纹理贴图集的JSON文件和图片
loader.add('atlas', 'path/to/atlas.json')
      .load(onAssetsLoaded);

// 当资源加载完成后的回调函数
function onAssetsLoaded(loader, resources) {
    // 通过资源的名称获取纹理贴图集
    var textureAtlas = resources.atlas.textures;

    // 创建一个精灵，使用纹理贴图集中的某个图片
    var sprite = new PIXI.Sprite(textureAtlas['image.png']);

    // 将精灵添加到舞台上
    app.stage.addChild(sprite);
}

在这个示例中，你需要将路径 `'path/to/atlas.json'` 替换为你的JSON文件路径。然后，加载器会加载JSON文件和相关的图片资源。当资源加载完成后，你可以通过资源的名称从`resources`对象中获取纹理贴图集，并使用其中的图片创建精灵。最后，将精灵添加到舞台上即可。

请确保在加载纹理贴图集之前，Pixi.js已经被正确地引入到你的项目中。希望这个示例对你有所帮助！如有任何问题，请随时提问。