phaser/examples/sprites/several sprites using one texture file.php

<?php
    $title = "Several sprites using only one texture file";
	require('../head.php');
?>

<script type="text/javascript">



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

	function preload() {

        //  Texture Atlas Method 4
        //
        //  We load a TexturePacker JSON file and image and show you how to make several unique sprites from the same file
        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 = 'rgb(40, 40, 40)';

        chick = game.add.sprite(64, 64, 'atlas');

        //  You can set the frame based on the frame name (which TexturePacker usually sets to be the filename of the image itself)
        chick.frameName = 'budbrain_chick.png';

        //  Or by setting the frame index
        //chick.frame = 0;

        cop = game.add.sprite(600, 64, 'atlas');
        cop.frameName = 'ladycop.png';

        robot = game.add.sprite(50, 300, 'atlas');
        robot.frameName = 'robot.png';

        car = game.add.sprite(100, 400, 'atlas');
        car.frameName = 'supercars_parsec.png';

        mech = game.add.sprite(250, 100, 'atlas');
        mech.frameName = 'titan_mech.png';

    }




</script>

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