<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=New+Amsterdam&display=swap" rel="stylesheet">

class Example extends Phaser.Scene {

  constructor() {

    super({ key: "Example" });

  }

​

  preload() {

    // Charger les images

    this.load.image(

      "ground",

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

    );

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

    this.load.spritesheet(

      "dude",

      "https://assets.codepen.io/9367036/GandalfHardcore+Warrior.png",

      {

        frameWidth: 80,

        frameHeight: 64

      }

    );

  }

​

  create() {

    // Plateformes

    this.platforms = this.physics.add.staticGroup();

    this.platforms

      .create(30, config.height, "ground")

      .setOrigin(0, 1)

      .refreshBody();

    this.platforms

      .create(192, config.height, "ground")

      .setOrigin(0, 1)

      .refreshBody();

    this.platforms

      .create(192 * 2, config.height, "ground")

      .setOrigin(0, 1)

      .refreshBody();

    this.platforms

      .create(192 * 3, config.height, "ground")

      .setOrigin(0, 1)

      .refreshBody();

    this.platforms

      .create(config.width / 4, config.height / 1.33, "ground")

      .setOrigin(0.5, 1)

      .refreshBody();

​

    // Joueur

    this.player = this.physics.add.sprite(config.width / 4, 200, "dude");

    this.player.setSize(16, 46);

    this.player.setOffset(32, 18);

    this.player.setBounce(0);

    this.player.setCollideWorldBounds(true);

    this.anims.create({

      key: "walk",

      frames: this.anims.generateFrameNumbers("dude", { start: 10, end: 17 }),

      frameRate: 10,

      repeat: -1

    });

    this.anims.create({

      key: "idle",

      frames: this.anims.generateFrameNumbers("dude", { start: 0, end: 4 }),

      frameRate: 10,

      repeat: -1

    });

    this.anims.create({

      key: "run",

      frames: this.anims.generateFrameNumbers("dude", { start: 30, end: 37 }),

      frameRate: 10,

      repeat: -1

    });

​

    this.cubes = this.physics.add.group();

​

    const cube1 = this.cubes.create(150, 200, "cube");

    const cube2 = this.cubes.create(300, 200, "cube");

    const cube3 = this.cubes.create(450, 300, "cube");

​

    this.cubes.children.iterate((cube) => {

      cube.setMaxVelocity(50, 500);

      cube.setDragX(500);

      cube.setGravityY(3000);

    });

​

    // Collisions

    const allObjects = [this.player, this.cubes, this.platforms];

    this.physics.add.collider(allObjects, allObjects);

​

    // WASD

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

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

      right: Phaser.Input.Keyboard.KeyCodes.D,

      shift: Phaser.Input.Keyboard.KeyCodes.SHIFT,

      jump: Phaser.Input.Keyboard.KeyCodes.SPACE

    });

​

    this.physics.add.overlap(this.cubes, this.cubes, (cubeA, cubeB) => {

      this.physics.world.collide(cubeA, cubeB);

    });

  }

​

  update() {

    // Vitesse de marche et de course

    const walkSpeed = 150;

    const runSpeed = 400;

    let velocity = walkSpeed;

​

    // Si Shift est pressé, on court

    if (this.cursors.shift.isDown) {

      velocity = runSpeed;

    }

​

    // Déplacement ← → avec WASD

    if (this.cursors.left.isDown) {

      this.player.setVelocityX(-velocity);

      this.player.flipX = false;

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

      this.player.setVelocityX(velocity);

      this.player.flipX = true;

    } else {

      this.player.setVelocityX(0);

    }

​

    // Saut

    if (this.cursors.jump.isDown && this.player.body.blocked.down) {

      this.player.setVelocityY(-500);

    }

    if (!this.player.body.blocked.down) {

      if (this.player.body.velocity.y < 0) {

        //this.player.anims.play("jump", true)

      } else if (this.player.body.velocity.y > 0) {

        //this.player.anims.play("fall", true)

      }

    } else {

      if (this.player.body.velocity.x !== 0) {

        //this.player.anims.play("walk", true)

      } else {

        //this.player.anims.play("idle", true)

      }

    }

​

    this.cubes.children.iterate((cube) => {

      if (cube.y > config.height) {

        const randomX = Phaser.Math.Between(0, config.width);

        cube.setPosition(randomX, 0);

        cube.setVelocity(0, 0);

      }

    });

  }

}

​

const config = {

  type: Phaser.AUTO,

  width: 800,

  height: 400,

  scene: Example,

  pixelArt: true,

  roundPixels: true,

  transparent: true,

  physics: {

    default: "arcade",

    arcade: {

      gravity: { y: 1000 },

      // debug: true,

      fps: 120, // Default 60

      tileBias: 32, // Default 16.

      overlapBias: 16 // Default 4

    }

  }

};

​

const game = new Phaser.Game(config);

​

activateControls(["A", "D", "shift", "space"]);

​