class Example extends Phaser.Scene {

  preload() {

    this.load.image("bg", "https://assets.codepen.io/9367036/bg2.png");

  }

​

  create() {

    this.cursors = this.input.keyboard.createCursorKeys();

​

    const hw = config.width / 2;

    const hh = config.height / 2;

​

    this.positionText = this.add

      .text(10, 10, "", {

        fontSize: "15px",

        fontFamily: "monospace",

        fill: "#fff"

      })

      .setOrigin(0, 0)

      .setDepth(1000);

​

    let img = this.add.image(hw, hh, "bg").setOrigin(0.5, 0.5);

    let scaleX = config.width / img.width;

    let scaleY = config.height / img.height;

    let scale = Math.max(scaleX, scaleY);

    img.setScale(scale);

​

    this.player = this.add.circle(hw, hh, 10, 0xcccc00);

​

    this.physics.add.existing(this.player);

    this.player.body.setCollideWorldBounds();

​

    // Nouveau : Obstacle

    this.obstacle = this.add

      .rectangle(222, 195, 45, 160, 0xff0000)

      .setOrigin(0, 0)

      .setAlpha(0.3);

    this.physics.add.existing(this.obstacle);

    this.obstacle.body.setImmovable();

​

    // Gestion de la collision entre les deux

    this.physics.add.collider(this.player, this.obstacle);

  }

​

  update() {

    this.move();

    this.updateStats();

  }

​

  move() {

    this.speed = 200;

    if (this.cursors.left.isDown) {

      this.player.body.setVelocityX(-this.speed);

    } else if (this.cursors.right.isDown) {

      this.player.body.setVelocityX(this.speed);

    } else {

      this.player.body.setVelocityX(0);

    }

    if (this.cursors.up.isDown) {

      this.player.body.setVelocityY(-this.speed);

    } else if (this.cursors.down.isDown) {

      this.player.body.setVelocityY(this.speed);

    } else {

      this.player.body.setVelocityY(0);

    }

  }

​

  updateStats() {

    this.positionText.setText(

      "Position : (" +

        parseInt(this.player.x) +

        ", " +

        parseInt(this.player.y) +

        ")"

    );

  }

}

​

const config = {

  width: 800,

  height: 400,

  scene: Example,

  physics: {

    default: "arcade",

    arcade: {

      debug: true,

      gravity: {

        x: 0,

        y: 0

      }

    }

  }

};

​

const game = new Phaser.Game(config);

​

// Controls

​

activateControls(["left", "right", "up", "down"]);

​