如何在 Phaserjs 中制作无限侧滚动背景？

Question

我正在使用 phaser.js 制作游戏，但我找不到任何关于如何使背景无限滚动的教程。我希望背景可以横向平铺/重复，并且在角色向右移动时无限重复。

我目前正在使用相机并让相机跟随角色。

以下是我的想法：在update() 中不断检查相机的位置，然后将其与当时的角色一起移动到游戏的开头（最左边）。我认为这可能不是一个平稳的过渡，所以我想知道是否有更好的方法来做到这一点。

Answer 1

这可以通过瓦片精灵和移动“tilePosition”来完成：

var bgtile;

function preload () {
   game.load.image('bgtile', 'bgtile.jpg');
}

function create () {
   bgtile = game.add.tileSprite(0, 0, game.stage.bounds.width, game.cache.getImage('bgtile').height, 'bgtile');
}

function update () {
   bgtile.tilePosition.x -= 1;
}