groups/group transform

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

var robot;

function preload() {

    game.load.image('eye', 'assets/sprites/robot/eye.png');
    game.load.image('body', 'assets/sprites/robot/body.png');
    game.load.image('arm-l', 'assets/sprites/robot/arm-l.png');
    game.load.image('arm-r', 'assets/sprites/robot/arm-r.png');
    game.load.image('leg-l', 'assets/sprites/robot/leg-l.png');
    game.load.image('leg-r', 'assets/sprites/robot/leg-r.png');
    
}

function create() {

    game.stage.backgroundColor = '#124184';

    // Use groups of sprites to create a big robot.
    // Robot itself, you can subclass group class in a real game.
    robot = game.add.group();

    // Robot components.
    robot.create(90, 175, 'arm-l');
    robot.create(549, 175, 'arm-r');
    robot.create(270, 325, 'leg-l');
    robot.create(410, 325, 'leg-r');
    robot.create(219, 32, 'body');
    robot.create(335, 173,'eye');

    //  Make them all input enabled
    robot.setAll('inputEnabled', true);

    //  And allow them all to be dragged
    robot.callAll('input.enableDrag', 'input');

}

function render() {

    game.debug.text('The robot is a group and every component is a sprite.', 16, 20);
    game.debug.text('Drag parts to re-position them. ', 16, 40);

}