本篇就來寫一下Resize，基本上就是用下面這一段，canvas視窗就會跟視窗一樣大了

window.onresize = function (event) {
  var w = window.innerWidth;
  var h = window.innerHeight;

  app.renderer.resize(w, h);
};

PIXI的stage也是一個container，預設座標是（0,0）
所以可以設定中心

app.stage.x = app.renderer.width * 0.5;
app.stage.y = app.renderer.height * 0.5;

這樣放入的其他物件起始位置就會在中心

let app = new PIXI.Application({ width: window.innerWidth, height: window.innerHeight, backgroundColor: 0x1099bb });
document.body.appendChild(app.view);

app.stage.x = app.renderer.width * 0.5;
app.stage.y = app.renderer.height * 0.5;
var cat = PIXI.Sprite.fromImage('img/cat.png')

cat.anchor.set(0.5, 0.5);

app.stage.addChild(cat);

window.onresize = function (event) {
  var w = window.innerWidth;
  var h = window.innerHeight;

  app.renderer.resize(w, h);

  app.stage.x = app.renderer.width * 0.5;
  app.stage.y = app.renderer.height * 0.5;
};

這樣的效果可以拿來做一些中心放射狀的效果