Phaser3でスマホ対応ブラウザゲームを作る

画面の設定サイズよりもワールドを広く設定する。

this.SCREEN_WIDTH = 1024;
this.SCREEN_HEIGHT = 576;
this.WORLD_WIDTH = 20480;
this.WORLD_HEIGHT = 576;
// ワールドの広さを設定
this.physics.world.setBounds(0, 0, this.WORLD_WIDTH, this.WORLD_HEIGHT);
this.cameras.main.setBounds(0, 0, this.WORLD_WIDTH, this.WORLD_HEIGHT);

this.player = this.physics.add.sprite(100, 400, 'player');
this.myCamera = this.cameras.main.startFollow(this.player, true);

create内に以下を記述し、自機の等速直線運動とカメラの追従によって強制スクロールを実現する。
※update内でthis.player.x += 5のように記述しても移動させることはできるが、壁との衝突判定が起こらず壁をすり抜けるようになる。

this.physics.velocityFromAngle(0, this.PLAYER_SPEED, this.player.body.velocity);

getCenterX() {
  return this.myCamera.scrollX + this.SCREEN_WIDTH / 2;
}
getCenterY() {
  return this.myCamera.scrollY + this.SCREEN_HEIGHT / 2;
}