PixiJS V5 教學 (38) - TexturePacker

const app = new PIXI.Application({
  view: document.getElementById('main'),
  width: 512,
  height: 512,
  antialias: true,
  transparent: false,
  backgroundColor: 0x00CC99,
});

const animals = {
  ... // JSON 太長所以忽略
}

const loader = new PIXI.Loader();
loader
  .add('run',animals.meta.image)
  .load((loader, resource)=> {
  init(resource);
})

function init(resource) {
  const gameImg = resource;
  const textureArray = [];
  for(let i in animals.frames) {
    let frame = animals.frames[i].frame;
    let rectangle = new PIXI.Rectangle(frame.x, frame.y, frame.w, frame.h);
    let Newtexture = new PIXI.Texture(gameImg.run.texture, rectangle);
    // const sprite = new PIXI.Sprite(Newtexture);
    textureArray.push(Newtexture);
  }
  let animatedSprite = new PIXI.AnimatedSprite(textureArray);
  app.stage.addChild(animatedSprite);
  // 控制播放速度
  animatedSprite.animationSpeed = 0.2;
  animatedSprite.play();
}