PixiJS изменить размер рендеринга, но сохранить соотношение?

Question

Я делаю игру с PIXI.JS, которая использует подробное искусство Pixel. В игре я хочу создать вертикально ориентированную (идеально подходящую для смартфонов), но мне также хотелось бы, чтобы она вписывалась в окно браузера со своим отношением в тактике. Мне также понадобился бы весь контент для масштабирования и остался бы в такте.

Может ли кто-нибудь помочь в этом? Я сделал так много исследований, что моя голова начинает болеть, и я чувствую, что не очень далеко от нее.

Answer 1

На самом деле довольно легко изменить размер рендеринга в pixi. Просто инициализируйте средство визуализации. Например (холст с идентификатором «визуализатора» требуется):

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 для справки.