Shuffle

var config = {
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    backgroundColor: '#2d2d2d',
    parent: 'phaser-example',
    scene: {
        preload: preload,
        create: create
    }
};

var game = new Phaser.Game(config);

function preload ()
{
        this.load.setBaseURL('https://cdn.phaserfiles.com/v355');
    this.load.image('phaser', 'assets/sprites/phaser.png');
    this.load.image('atari', 'assets/sprites/atari400.png');
    this.load.image('bikku', 'assets/sprites/bikkuriman.png');
    this.load.image('block', 'assets/sprites/block.png');
    this.load.image('can', 'assets/sprites/cokecan.png');
}

function create ()
{
    var group = this.add.group();

    group.create(230, 200, 'atari');
    group.create(400, 200, 'phaser');
    group.create(480, 200, 'bikku');
    group.create(540, 200, 'block');
    group.create(600, 200, 'can');

    this.input.on('pointerdown', function (pointer) {

        //  Shuffle the children
        Phaser.Actions.Shuffle(group.getChildren());

        //  Assign their new depth based on their position within the Group

        var children = group.getChildren();

        for (var i = 0; i < children.length; i++)
        {
            children[i].setDepth(i);
        }

    }, this);
}
                        

                                                                                                       Copy
                            
                                
                                    
                                Expand