PixiJS调整渲染器大小,但保持比例不变
PixiJS resize renderer but keep ratio?
我正在使用PIXI.JS制作一款使用详细像素图像的游戏。我想设计垂直方向的游戏(非常适合智能手机),但我也希望它能在浏览器窗口中显示比例。我还需要所有的内容都可以缩放并保持原状。
有人能帮忙吗?我做了太多的研究,以至于我的头开始疼了,我觉得我还没有走得很远。
实际上在pixi中调整渲染器的大小非常容易。只需初始化一个渲染器。例如(需要一个id为"renderer"的画布):
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
相关文章:
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 调整窗口大小时,可拖动的对象会出现在容器外部
- ExtJS——在展开/折叠时调整面板高度
- Chrome应用程序调整窗口大小保持纵横比
- 如何自动调整标签的高度以适应内容
- 导航栏没有调整到浏览器屏幕的大小
- 调整屏幕大小后不显示子菜单
- 使用JavaScript根据窗口/视口的高度动态调整图像大小
- 合并两个数组,重新调整循环js
- Morris.js折线图x轴标签在调整大小后消失
- 在AJAX回调和呈现PIXIJS之间处理程序流时遇到了问题
- 调整缩放窗口高度提升缩放
- 调整屏幕大小时更改属性值
- 如何针对Android股票/本地浏览器来调整CSS
- 如何调整信息窗口的大小并点击按钮?+更改信息窗口的内容
- Adobe Air SDK在页面加载时调整窗口大小
- 更改屏幕上对象的宽度调整大小
- 客户端图像调整大小.任何已知问题
- 窗口大小调整事件在ie7中持续触发
- PixiJS调整渲染器大小,但保持比例不变