Как сделать фон бесконечной боковой прокрутки в Phaserjs?

Я использую phaser.js для создания игры, и я не могу найти учебники о том, как сделать фоновую прокрутку бесконечной. Я бы хотел, чтобы фон был мозаичным/повторялся вбок, и бесконечно, когда персонаж двигался вправо.

В настоящее время я использую камеру и заставляю камеру следовать за персонажем.

Вот моя идея о том, как это сделать: постоянно проверять положение камеры в update(), а затем перемещать ее в начало игрового процесса (в самый левый угол) вместе с персонажем в то время. Я думаю, что это, вероятно, не будет гладким переходом, поэтому мне интересно, есть ли лучший способ сделать это.

Ответы

Ответ 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;
}