JSFiddle - React, Tailwind, and code Playground

by cmnb

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/2.3.0/phaser.min.js"></script>

JavaScript

var game = new Phaser.Game(800, 600, Phaser.CANVAS, null, {preload: preload, create: create, render: render});
var sprite = [];

function preload() {
    
    game.load.image('img', 'http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/target-icon.png');

}

function create() {

    var group = game.add.group(game.world, 'group', false, true);

    for (var i = 0; i < 30; i++) {
        
        sprite[i] = group.create(game.world.randomX, game.world.randomY, 'img');
        
        sprite[i].inputEnabled = true;
        
        sprite[i].events.onInputDown.add(hey, this);
        
        sprite[i].body.offset.setTo(-10, -10);
        
    }
    
    group.pivot.setTo(10, 10);
    
    group.cacheAsBitmap = true;

}

function hey() {
    
    alert('hey');
    
}

function render() {
    
    for (var i = 0; i < sprite.length; i++) {
        
        game.debug.body(sprite[i]);
    
    }
    
}