Phaser3 屏幕适配iPhoneX、iPhoneXS的坑 -- JavaScript Html5 游戏开发

布袋的世界

于 2018-11-07 11:45:00 发布

阅读量2.6k

点赞数 1

分类专栏： Html游戏 PhaserJS3 Javascript游戏游戏文章标签： Html游戏 PhaserJS Javascript游戏

本文链接：https://blog.csdn.net/apiapia/article/details/83820868

版权

本文详细介绍了在使用Phaser3进行JavaScript Html5游戏开发时，遇到的屏幕适配iPhoneX、iPhoneXS的问题。特别强调在配置中不应将width设置为window.innerWidth，以防出现适配错误。开发者可以在www.iFIERO.com找到更多游戏开源教学资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

PhaserJS

坑：
在config内不要把 width 设为 window.innnerWidth
在config内不要把 width 设为 window.innnerWidth
在config内不要把 width 设为 window.innnerWidth

重要的事情得说三遍…

var game;
// once the window loads...
window.onload = function () {
    // 接收 websocket;
    // config of the game;
    var config = {
        type: Phaser.AUTO,
        parent: 'bitgame',
        width: 640, // don't window.innerWidth 
        height: 512,
        physics: {
            default: 'arcade',
            arcade: {
                gravity: {
                    y: 0
                },
                debug: false,
            }
        },
        //*** scenes used by the game
        scene:  [BootScene,PlayGameScene,UIScene]
    }
    game = new Phaser.Game(config);
    // game.scene.add('Boot', BootSce

最低0.47元/天解锁文章