JSFiddle - React, Tailwind, and code Playground

by espace3d

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/3.24.1/phaser.js"></script>
<div id='phaser-example'></div>

JavaScript

var config = {
  type: Phaser.AUTO,
  width: 800,
  height: 600,
  parent: 'phaser-example',
  physics: {
    default: 'arcade',
    arcade: {
      debug: true
    }
  },
  scene: {
    preload: preload,
    create: create
  },
  loader: {
    baseURL: "https://labs.phaser.io",
    crossOrigin: "anonymous"
  }
};

var sprite =[];
var sprite_group;
//var group;

var game = new Phaser.Game(config);

function preload() {
  this.load.image('mushroom', 'assets/sprites/mushroom2.png');
  this.load.image('ball', 'assets/sprites/shinyball.png');
}

function create() {
sprite_group = this.add.group()
    for (var i = 0; i < 50; i++) {
      sprite[i] = this.physics.add.image(Math.random()*400, Math.random()*300, 'mushroom');

}

  

  this.physics.add.collider(sprite_group);
}