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

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

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

这是我的操作方法:在update()中不断检查相机的位置，然后将其与角色一起移至游戏开始处(最左边)。我认为这可能不是一个平稳的过渡，所以我想知道是否有更好的方法可以做到这一点。

最佳答案

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

关于javascript - 如何在Phaser Js中制作无限侧滚动背景？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21669312/