恢复后Cordova Phaser app游戏不使用全屏

Question

我正在使用Cordova和Phaser进行游戏。我遇到了应用程序/游戏恢复时出现的布局问题。我开始使用Yeoman模板并将其粘贴到自动生成的Cordova项目中。

我的ViewPort定义如下：

template<class T>
using ptr_to_const = std::conjunction<std::is_pointer<T>, 
                                      std::is_const<std::remove_pointer_t<T>>>;

在OnDeviceReady事件中，我这样做：

<meta name="viewport" content="user-scalable=no, maximum-scale=1, initial-scale=1, minimum-scale=1
,width=device-width">

我还将一些屏幕截图与我的Nexus4相关联。这是第一次启动应用程序时显示的内容。所有游戏州都展示了这一点，但“游戏”状态是该问题的一个显着证明： http://imgur.com/J5efVHW

再次，恢复后： http://imgur.com/fEAPLUa

我想在暂停或恢复时杀死游戏，让整个事情重新开始。但是当我正在阅读文档和不同的论坛时，似乎不允许或非常不满意。

Answer 1

您应该使用Phaser ScaleManager。

例如，您可以在启动状态的create function中使用EXACT_FIT或SHOW_ALL;

create: function(){
    game.scale.scaleMode = Phaser.ScaleManager.EXACT_FIT;
    game.scale.pageAlignHorizontally = true;
    game.scale.pageAlignVertically = true;
  }