Phaser.js - 无限侧滚动背景？

Question

我正在使用phaser.js来制作游戏,我找不到任何关于如何使背景无限滚动的教程.我希望背景能够横向平铺/重复,并且随着角色向右移动而无限.

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

以下是关于如何执行此操作的想法:在update()中不断检查摄像机的位置,然后将其移动到游戏玩法的开头(最左侧)以及当时的角色.我认为这可能不是一个平稳的过渡,所以我想知道是否有更好的方法来做到这一点.

Answer 1

这可以使用tile 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;
}