Правильное расположение фонового изображения на холсте Phaser

Question

Я пытаюсь загрузить фоновое изображение на холст и установить игровую камеру на определенную позицию и уровень масштабирования.

Это пример фонового изображения:

http://i.hizliresim.com/3zYlaA.png

Когда я загружаю изображение, оно выглядит так

Я хочу установить положение фонового изображения (или камеры?) Следующим образом:

Холст 800х600

const preload = () => {

  game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;

  game.load.image("background", "http://i.hizliresim.com/3zYlaA.png")

};

const create = () => {
  cursors = game.input.keyboard.createCursorKeys();

   background = game.add.tileSprite(0, 0, 800, 600, 'background');
    //  Creates a layer from the World1 layer in the map data.
    //  A Layer is effectively like a Phaser.Sprite, so is added to the display list.


}

Answer 1

Я не могу получить доступ к изображению, которое вы связали. Но я предполагаю, что вы хотите центрировать картинку.

Если ваша игра достаточно проста и не будет использовать камеру в будущем, вы можете просто переместить или увеличить спрайт плитки.

background = game.add.tileSprite(x, y, width, height, 'background');