Game aplikasi Cordova Phaser tidak menggunakan layar penuh setelah dilanjutkan

Saya sedang mengerjakan game menggunakan Cordova dan Phaser. Saya terjebak pada masalah tata letak yang terjadi saat aplikasi/game dilanjutkan. Saya memulai dengan template Yeoman dan menempelkannya ke proyek Cordova yang dibuat secara otomatis.

ViewPort saya didefinisikan sebagai berikut:

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

Di acara OnDeviceReady, saya melakukan ini:

height = window.screen.height;
width = window.screen.width;
game = new Phaser.Game(width, height, Phaser.AUTO, 'artillery');

Saya juga menghubungkan beberapa tangkapan layar dari Nexus4 saya. Inilah yang ditampilkan saat memulai aplikasi pertama kali. Semua status permainan menunjukkan hal ini, namun status 'bermain' merupakan demonstrasi nyata dari masalah ini: http://imgur.com/J5efVHW

Dan lagi, setelah melanjutkan: http://imgur.com/fEAPLUa

Saya ingin menghentikan permainan saat jeda atau melanjutkan dan memulai semuanya dari awal. Namun ketika saya membaca dokumen dan forum yang berbeda, sepertinya hal itu tidak diperbolehkan atau sangat tidak disukai.


android cordova phaser-framework
person D. Brakes    schedule 22.05.2016    source sumber

Jawaban (1)


arrow_upward
0
arrow_downward

Anda harus menggunakan Phaser ScaleManager.

Misalnya Anda dapat menggunakan EXACT_FIT atau SHOW_ALL seperti ini di fungsi buat status boot Anda;

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