phaser/examples/input/pixelpick - atlas.js

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

function preload() {

    game.load.atlas('atlas', 'assets/pics/texturepacker_test.png', 'assets/pics/texturepacker_test.json');

}

var chick;
var car;
var mech;
var robot;
var cop;

function create() {

    game.stage.backgroundColor = '#404040';

    //  This demonstrates pixel perfect click detection even if using sprites in a texture atlas.

    chick = game.add.sprite(64, 64, 'atlas');
    chick.frameName = 'budbrain_chick.png';
    chick.inputEnabled = true;
    chick.input.pixelPerfect = true;
    chick.input.useHandCursor = true;

    cop = game.add.sprite(600, 64, 'atlas');
    cop.frameName = 'ladycop.png';
    cop.inputEnabled = true;
    cop.input.pixelPerfect = true;
    cop.input.useHandCursor = true;

    robot = game.add.sprite(50, 300, 'atlas');
    robot.frameName = 'robot.png';
    robot.inputEnabled = true;
    robot.input.pixelPerfect = true;
    robot.input.useHandCursor = true;

    car = game.add.sprite(100, 400, 'atlas');
    car.frameName = 'supercars_parsec.png';
    car.inputEnabled = true;
    car.input.pixelPerfect = true;
    car.input.useHandCursor = true;

    mech = game.add.sprite(250, 100, 'atlas');
    mech.frameName = 'titan_mech.png';
    mech.inputEnabled = true;
    mech.input.pixelPerfect = true;
    mech.input.useHandCursor = true;

}