เกมแอป Cordova Phaser ไม่ได้ใช้แบบเต็มหน้าจอหลังจากดำเนินการต่อ

ฉันกำลังเล่นเกมโดยใช้ Cordova และ Phaser ฉันติดอยู่กับปัญหาเค้าโครงที่เกิดขึ้นเมื่อแอป/เกมกลับมาทำงานต่อ ฉันเริ่มต้นด้วยเทมเพลต Yeoman และติดกาวไว้ในโปรเจ็กต์ Cordova ที่สร้างขึ้นอัตโนมัติ

ViewPort ของฉันถูกกำหนดเช่นนี้:

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

ในเหตุการณ์ OnDeviceReady ฉันทำสิ่งนี้:

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

ฉันยังได้เชื่อมโยงภาพหน้าจอบางส่วนจาก Nexus4 ของฉันด้วย นี่คือสิ่งที่จะแสดงเมื่อเริ่มแอปในครั้งแรก สถานะของเกมทั้งหมดแสดงสิ่งนี้ แต่สถานะ 'เล่น' เป็นการสาธิตปัญหาที่โดดเด่น: http://imgur.com/J5efVHW< /ก>

และอีกครั้ง หลังจากดำเนินการต่อ: http://imgur.com/fEAPLUa

ฉันอยากจะหยุดเกมชั่วคราวหรือเล่นต่อ และให้ทุกอย่างเริ่มต้นใหม่อีกครั้ง แต่ในขณะที่ฉันกำลังอ่านเอกสารและฟอรัมต่างๆ ดูเหมือนว่าไม่ได้รับอนุญาตหรือขมวดคิ้วอย่างมาก


android cordova phaser-framework
person D. Brakes    schedule 22.05.2016    source แหล่งที่มา

คำตอบ (1)


arrow_upward
0
arrow_downward

คุณควรใช้ Phaser ScaleManager

ตัวอย่างเช่น คุณสามารถใช้ EXACT_FIT หรือ SHOW_ALL เช่นนี้ในฟังก์ชัน create ของสถานะการบูต

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