web-dev-qa-db-ja.com

Phaser Jsで無限の横スクロールの背景を作成するにはどうすればよいですか？

Phaser.jsを使用してゲームを作成していますが、背景を無限にスクロールさせる方法に関するチュートリアルが見つかりません。背景を横向きに、そしてキャラクターが右に動くにつれて無限に並べて表示したいのですが。

私は現在カメラを使用していて、カメラをキャラクターに追従させています。

これを行う方法についての私の考えは次のとおりです。update()でカメラの位置を常に確認し、そのときのキャラクターと一緒にゲームプレイの最初（左端）に移動します。しかし、これはおそらくスムーズな移行ではないと思うので、もっと良い方法があるのではないかと思います。

javascriptphaser-frameworkside-scroller
23
mage

これは、タイルスプライトを使用し、「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;
}
33
luschn