phaser/examples/groups/replace.php

 
 <?php
    $title = "Replace items from different groups";
    require('../head.php');
?>

<script type="text/javascript">

(function () {

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

    // Left and right group.
    var left, right;
    // The first selected item.
    var selected = null;

    function preload() {
        game.load.spritesheet('item', 'assets/buttons/number-buttons-90x90.png', 90, 90);
        
    }
    function create() {
        left = game.add.group();
        right = game.add.group();
        // Add some items to left side, and set a onDragStop listener
        // to limit its location when dropped.
        var item;
        for (var i = 0; i < 3; i++) {
            // Directly create sprites from the left group.
            item = left.create(290, 98 * (i + 1), 'item', i);
            // Enable input.
            item.input.start(0, false, true);
            item.events.onInputUp.add(select);
            // Add another to the right group.
            item = right.create(388, 98 * (i + 1), 'item', i + 3);
            // Enable input.
            item.input.start(0,true);
            item.events.onInputUp.add(select);
        }
    }
    function select(item, pointer) {
        // If there's no one selected, mark it as selected.
        if (!selected) {
            selected = item;
            selected.alpha = 0.5;
        }
        else {
            // Items from different group selected, replace with each other;
            // Something like a swap action, maybe better done with
            // group.swap() method.
            if (selected.group !== item.group) {
                // Move the later selected to the first selected item's position.
                item.x = selected.x;
                item.y = selected.y;
                // Replace first selected with the second one.
                selected.group.replace(selected, item);
            }
            else {
                selected.alpha = 1;
            }

            // After checking, now clear the helper var.
            selected = null;
        }
    }

    function render() {
        game.debug.renderText('Left Group', 300, 80);
        game.debug.renderText('Right Group', 400, 80);
        game.debug.renderText('Click an item and one from another group to replace it.', 240, 480);
    }

})();

</script>

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