如何用Phaser 3创建任何屏幕大小的响应性游戏?
本文介绍了如何用Phaser 3创建任何屏幕大小的响应性游戏?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我一直在寻找一种解决方案,使我的游戏能够完全响应使用Phaser 3的任何屏幕分辨率,例如:
此示例是使用构造2创建的,顺便说一句,实现此效果非常简单。
有人知道使用Phaser 3实现此目的的最佳方法是什么吗?
推荐答案
通过研究,我找到了问题的解决方案:
关键是使用父场景来控制所有其他子场景,该场景将与设备的屏幕大小相同。它还会在屏幕大小更改时调整子场景的大小,但始终保持纵横比不变。HandlerScene.js
}
通过这种方式,我们可以在父场景中并行启动其他场景。
PreloadScene.js
}
在子场景中,必须从每个场景的Create函数调用父场景的updateReize函数。
ConfigGame.js
模式:Phaser.Scale.RESIZE非常重要,也是屏幕大小的最大值和最小值。
Mi Complete Solution在此:
https://github.com/shimozurdo/mobile-game-base-phaser3
探索:
https://labs.phaser.io/edit.html?src=src/scalemanager/mobile%20game%20example.js
这篇关于如何用Phaser 3创建任何屏幕大小的响应性游戏?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!