class Example extends Phaser.Scene {

  preload() {

    // https://www.kenney.nl/assets/particle-pack

    this.load.spritesheet(

      "particlesTexture",

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

      {

        frameWidth: 512,

        frameHeight: 512

      }

    );

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

  }

​

  create() {

    let background = this.add.image(0, 0, "bg").setOrigin(0, 0);

    background.displayWidth = config.width;

    background.displayHeight = config.height;

​

    this.emitter = this.add.particles(0, 0, "particlesTexture", {

      frame: [0, 1, 2, 3],

      scale: { start: 0.2, end: 0 },

      lifespan: 2000,

      frequency: 20,

      rotate: { start: 0, end: 360 * 4 },

      speed: { min: 200, max: 2000 },

      blendMode: "SCREEN",

      emitting: false

    });

​

    this.input.on("pointerdown", (pointer) => {

      this.emitter.explode(1000, pointer.x, pointer.y);

    });

  }

​

  update(t) {}

}

​

const config = {

  type: Phaser.AUTO,

  width: 800,

  height: 400,

  scene: Example,

  backgroundColor: "#000",

  physics: {

    default: "arcade"

  }

};

​

const game = new Phaser.Game(config);

​

activateControls(["LMB"]);

​