Question

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

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

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

Answer 1

这可以使用tile精灵并移动“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;
}

如何在Phaser Js中创建无限侧滚动背景？

1 个答案: