phaser/examples/groups/swap children inside a group.php

 
 <?php
    $title = "Swap children inside a group";
    require('../head.php');
?>

<script type="text/javascript">

(function () {

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

     function preload() {

        game.load.image('atari1', 'assets/sprites/atari130xe.png');
        game.load.image('atari2', 'assets/sprites/atari800xl.png');
    }

    var atari1;
    var atari2;

    function create() {

        //  Items are rendered in the depth order in which they are added to the Group

        atari1 = game.add.sprite(100, 100, 'atari1');
        atari2 = game.add.sprite(250, 90, 'atari2');

        game.input.onTap.add(swapSprites, this);

    }

    function swapSprites() {

        //  The 2 Sprites are in the global world Group, but this will work for any Group:
        game.world.group.swap(atari1, atari2);

    }

    function render () {

        game.debug.renderText('Tap screen to swap the children and therefore swap their indexes.', 10, 280);

    }

})();

</script>

<?php
    require('../foot.php');
?>