在phaser js上全屏创建游戏世界

时间:2018-03-11 13:22:31

标签: javascript phaser-framework

我在Phaser框架中创建了一个游戏世界

 var game = new Phaser.Game(window.innerWidth, window.innerHeight, Phaser.AUTO, '', { preload: preload, create: create, update: update });

1)为什么游戏世界的报告不是从左上边缘开始,而是在坐标x = 10y = 10上?

2)如何制作整个屏幕游戏世界? (正如我上面所做的那样window.innerWidth window.innerHeight必须滚动一下,但你需要滚动!)

在Phaser中有:

this.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;
this.scale.pageAlignHorisontally = true; 
this.scale.pageAlignVertically = true;

但是从他们那里效果是一样的(滚动仍然存在,游戏世界的开始不是从左上边缘)

请解释一下!

1 个答案:

答案 0 :(得分:0)

找到了解决方案。有必要在主文档html中添加以下样式

<style>
    body {
        padding: 0px;
        margin: 0px;
        background: black;
    }
</style>