将背景图像正确定位在画布上

Question

我正在尝试在画布上加载背景图像，并将游戏摄像机定位在特定位置和缩放级别。

这是示例背景图片：

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

当我加载图像时，它看起来像这样

我想像这样设置背景图片（或相机？）的位置：

画布为800x600

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');