javascript - 用于构建 Pixi Spritesheet 的数据需要什么格式？

Question

我想利用PIXI.Spritesheet来获取某种纹理或 Sprite 集合以在pixi应用程序中使用。

let spritesheetTexture = PIXI.utils.TextureCache["my-spritesheet-image.png"];
let data = ??????
let spritesheet = new PIXI.Spritesheet(spritesheetTexture, data);

不幸的是the pixi documentation除了“object”和“Spritesheet image data”之外，没有指示 data 参数需要采用什么格式。我也找不到any examples此类的实际操作。

Answer 1

对于任何仍在寻找官方答案的人，当前(2020 年 10 月)Pixi.js 存储库中的 typescript 定义(请参阅 Spritesheet.ts )包含完整的架构。当您导入包时，这些 typedef 不会进入 node_modules 中，但如果您查看代码，它看起来确实描述了 pixjs 在解析 spritesheet 对象时查找的所有数据。

export interface ISpritesheetFrameData {
    frame: {
        x: number;
        y: number;
        w: number;
        h: number;
    };
    trimmed?: boolean;
    rotated?: boolean;
    sourceSize?: {
        w: number;
        h: number;
    };
    spriteSourceSize?: {
        x: number;
        y: number;
    };
    anchor?: IPointData;
}

/**
 * Atlas format.
 */
export interface ISpritesheetData {
    frames: Dict<ISpritesheetFrameData>;
    animations?: Dict<string[]>;
    meta: {
        scale: string;
    };
}