class Example extends Phaser.Scene {

  preload() {

    this.load.image(

      "tiles",

      "https://assets.codepen.io/9367036/catastrophi_tiles_16.png"

    );

    this.load.tilemapCSV(

      "map",

      "https://assets.codepen.io/9367036/catastrophi_level2.csv"

    );

    this.load.spritesheet(

      "player",

      "https://assets.codepen.io/9367036/spaceman.png",

      { frameWidth: 16, frameHeight: 16 }

    );

  }

​

  create() {

    // Tilemap

    this.map = this.make.tilemap({ key: "map", tileWidth: 16, tileHeight: 16 });

    const mapWidth = this.map.widthInPixels;

    const mapHeight = this.map.heightInPixels;

    this.map.setCollisionBetween(54, 83);

​

    // Tileset

    const tileset = this.map.addTilesetImage("tiles");

​

    // Calques

    const layer = this.map.createLayer(0, tileset, 0, 0);

​

    // Joueur

    this.player = this.physics.add.sprite(50, 100, "player", 1);

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

​

    // Caméra

    this.cameras.main.setBounds(0, 0, mapWidth, mapHeight);

    this.cameras.main.startFollow(this.player);

​

    // Contrôles

    this.keys = this.input.keyboard.addKeys({

      up: Phaser.Input.Keyboard.KeyCodes.W,

      down: Phaser.Input.Keyboard.KeyCodes.S,

      left: Phaser.Input.Keyboard.KeyCodes.A,

      right: Phaser.Input.Keyboard.KeyCodes.D

    });

  }

​

  update(time, delta) {

    // Déplacement horizontal

    if (this.keys.left.isDown) {

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

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

      this.player.body.setVelocityX(160);

    } else {

      this.player.body.setVelocityX(0);

    }

​

    // Déplacement vertical

    if (this.keys.up.isDown) {

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

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

      this.player.body.setVelocityY(160);

    } else {

      this.player.body.setVelocityY(0);

    }

  }

}

​

const config = {

  type: Phaser.AUTO,

  width: 800,

  height: 480,

  pixelArt: true,

  physics: {

    default: "arcade"

  },

  scene: Example

};

​

const game = new Phaser.Game(config);

​

activateControls(["W", "A", "S", "D"]);

​