PixiJS調整渲染器大小，但保持比例？

Question

我正在使用PIXI.JS製作一款使用詳細像素藝術的遊戲。我想設計的遊戲是垂直定向的（適用於智能手機），但我也希望它能適應瀏覽器窗口，並且具有比例智能。我還需要所有的內容進行擴展並保持機智。

任何人都可以幫忙嗎？我做了很多研究，頭腦開始受到傷害，我覺得我沒有得到很多。

Answer 1

在pixi中調整渲染器的尺寸其實很簡單。只需初始化渲染器即可。例如（id爲「渲染」畫布是必需的）：

var renderer = PIXI.autoDetectRenderer(width, height, {antialias: false, transparent: false, resolution: 1, view: document.getElementById("renderer")}); 

，然後決定調整你的渲染器，如果需要：

renderer.resize(newWidth, newHeight); 

參考見https://pixijs.github.io/docs/PIXI.WebGLRenderer.html。