如何将画布置于CocoonJS画布中+使用Phaser

Question

我正在尝试使用Phaser和CocoonJS创建一个游戏。除了在使用canvas+渲染器在茧上部署游戏时将画布置于中心位置以外，一切正常。下面是三行代码，它们实现了我在Web浏览器中寻找的效果，但不是canvas +。

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

下面的图片是来自S3（也在iPad上复制）的屏幕截图，它显示了正确的画布装饰，但没有居中。有没有人有任何关于如何中心画布的见解，所以双方都有黑条？我在茧启动器应用程序上更改的唯一设置是允许不是两个幂的图像。

Small project reproducing the problem

Answer 1

我总是用使用移相+蚕茧我的游戏EXACT_FIT。我认为你应该使用EXACT_FIT模式。

把下面的代码到你的开机状态（ “roundPixels” 是没有必要的）：

game.scale.scaleMode = Phaser.ScaleManager.EXACT_FIT; 
game.scale.pageAlignHorizontally = true; 
game.scale.pageAlignVertically = true; 
game.renderer.renderSession.roundPixels = true;