// src/js/characters/Player.js

class Player {

  constructor(scene) {

    this.scene = scene;

  }

​

  preload() {

    this.scene.load.spritesheet(

      "char_idle",

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

      {

        frameWidth: 96 / 4,

        frameHeight: 96 / 4

      }

    );

    this.scene.load.spritesheet(

      "char",

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

      {

        frameWidth: 96 / 4,

        frameHeight: 96 / 4

      }

    );

  }

​

  create(x, y) {

    this.createAnimations();

​

    this.sprite = this.scene.add

      .sprite(x, y, "char_idle")

      .setScale(scaleFactor)

      .setPipeline("Light2D")

      .play("idle_back");

  }

​

  createAnimations() {

    this.scene.anims.create({

      key: "idle_back",

      frames: this.scene.anims.generateFrameNumbers("char_idle", {

        start: 12,

        end: 15

      }),

      frameRate: 8,

      repeat: -1

    });

    this.scene.anims.create({

      key: "idle_front",

      frames: this.scene.anims.generateFrameNumbers("char_idle", {

        start: 0,

        end: 3

      }),

      frameRate: 8,

      repeat: -1

    });

  }

​

  move(direction) {

    if (direction === "up") {

      this.sprite.play("idle_back", true);

    } else if (direction === "down") {

      this.sprite.play("idle_front", true);

    }

  }

}

​

// src/js/characters/Sun.js

class Sun {

  constructor(scene, radius) {

    this.scene = scene;

    const size = Phaser.Math.Between(radius / 2, radius * 2);

    const randomColor = Phaser.Math.RND.pick(colors);

    this.rond = scene.add.circle(0, 0, size, randomColor);

    this.angle = 0;

    this.radius = radius;

    this.light = scene.lights

      .addLight(0, 0, this.radius * 11, randomColor)

      .setIntensity(size);

    this.angleDelta = Phaser.Math.FloatBetween(-3, 3);

  }

​

  animate(x, y) {

    this.rond.x =

      x + this.radius * 10 * Math.cos(this.scene.angle * this.angleDelta);

    this.rond.y =

      y + this.radius * 10 * Math.sin(this.scene.angle * this.angleDelta);

​

    // Update light position

    this.light.x = this.rond.x;

    this.light.y = this.rond.y;

  }

}

​

// src/js/scenes/Jeu.js

class Jeu extends Phaser.Scene {

  constructor() {

    super({ key: "jeu" });

    this.player = new Player(this);

  }

​

  preload() {

    this.load.image("map", "https://assets.codepen.io/9367036/blue-stars.png");

    this.player.preload();

  }

​

  create() {

    // FX de lumières

    this.lights.enable();

    this.lights.setAmbientColor(0x666666);

​

    // Background

    this.map = this.add

      .tileSprite(0, config.height, 256, 256 * 2, "map")

      .setOrigin(0, 1)

      .setScale(scaleFactor);

​

    this.player.create(config.width / 2, config.height / 2);

​

    // Controls

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

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

      s: Phaser.Input.Keyboard.KeyCodes.S

    });

​

    // Soleil

    this.sun1 = new Sun(this, 10);

    this.sun2 = new Sun(this, 15);

    this.sun3 = new Sun(this, 30);

    this.sun4 = new Sun(this, 11);

​

    this.angle = 0;

  }

​

  update(t) {

    this.angle += 0.0125;

​

    if (this.keys.w.isDown) {

      this.map.tilePositionY -= 2;

      this.player.move("up");

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

      this.map.tilePositionY += 2;

      this.player.move("down");

    }

​

    // Soleil

    this.sun1.animate(this.player.sprite.x, this.player.sprite.y);

    this.sun2.animate(this.player.sprite.x, this.player.sprite.y);

    this.sun3.animate(this.player.sprite.x, this.player.sprite.y);

    this.sun4.animate(this.player.sprite.x, this.player.sprite.y);

  }

}

​

const config = {

  type: Phaser.WEBGL,

  width: 800,

  height: 400,

  scene: Jeu,

  pixelArt: true,

  backgroundColor: "#000808",

  physics: {

    default: "arcade",

    arcade: {

      debug: true

    }

  }

};

​

const game = new Phaser.Game(config);

const scaleFactor = 800 / 256;

const colors = [0xff9999, 0x99ffff, 0xffff99, 0xffffff];

​

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

​