Каков правильный размер области в мгновенных играх Facebook, чтобы использовать ее с Phaser? - PullRequest
Новая
       9

Каков правильный размер области в мгновенных играх Facebook, чтобы использовать ее с Phaser?

0 голосов
/ 12 мая 2018

Я кодирую игру в Phaser 2 CE, поэтому фактический код приведен ниже в соответствии с https://stackoverflow.com/a/50300726/2107253, но когда я открываю игру на своем мобильном устройстве или на рабочем столе, изображение не отображается в центре, и этоскрыто 

var game = new Phaser.Game(640, 480, Phaser.AUTO, 'game', { preload: preload, create: create, update: update });
var sprite;

function  preload () {
  // This is equivalent to <https://examples.phaser.io/assets/>.
  this.load.image('dude', 'assets/sprites/phaser-dude.png');
}

function create() {
  sprite = game.add.sprite(game.world.centerX, game.world.centerY, 'dude');
  sprite.inputEnabled = true;
  sprite.events.onInputDown.add(myHandler, this);
}

function myHandler() {
  sprite.x += 10;
}

function update() {

}

1 Ответ

0 голосов
/ 12 мая 2018

Когда вы выполняете поиск, возникают некоторые связанные вопросы https://stackoverflow.com/a/49034911/2107253 Так что вы можете попробовать этот код, он отлично работает, потому что вы создаете игру, основанную на внутреннем свойстве окна устройства, и масштабируете ее с помощью SHOW_ALLчто хорошо в соответствии с книгой под названием Руководство по диспетчеру весов Phaser , которую вы можете настроить здесь https://gumroad.com/photonstorm

//If you use PixelRatio, the sprite will be smaller according to the resolution of the mobile device

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

var sprite;

function  preload () {
  // This is equivalent to <https://examples.phaser.io/assets/>.
  this.load.image('dude', 'assets/sprites/phaser-dude.png');
}

function create() {
  game.stage.backgroundColor = 0x3b5998;
  game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;
  sprite = game.add.sprite(game.world.centerX, game.world.centerY, 'dude');
  sprite.inputEnabled = true;
  sprite.events.onInputDown.add(myHandler, this);
}

function myHandler() {
  sprite.anchor.setTo(0.5, 0.5);
  sprite.x = Math.floor(Math.random() * PixelW);
  sprite.y = Math.floor(Math.random() * PixelH);
}

function update() {

}
...