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

Question

我正在使用 Phaser.js 制作游戏，但找不到任何有关如何使背景无限滚动的教程。我希望背景能够横向平铺/重复，并且随着 Angular 色向右移动而无限地平铺/重复。

我当前正在使用相机并让相机跟随 Angular 色。

这是我关于如何执行此操作的想法:在 update() 中不断检查相机的位置，然后将其与 Angular 色一起移动到游戏的开头(最左边)那时。我认为这可能不会是一个平稳的过渡，所以我想知道是否有更好的方法来做到这一点。

Answer 1

这可以通过平铺 Sprite 并移动“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;
}