mirror of
https://github.com/photonstorm/phaser
synced 2024-12-25 12:33:38 +00:00
126 lines
3.5 KiB
JavaScript
126 lines
3.5 KiB
JavaScript
|
|
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create});
|
|
|
|
function preload() {
|
|
|
|
// Texture Atlas Method 2
|
|
//
|
|
// In this example we assume that the TexturePacker JSON data is a real json object stored as a var
|
|
// (in this case botData)
|
|
|
|
game.load.atlas('bot', 'assets/sprites/running_bot.png', null, botData);
|
|
|
|
}
|
|
|
|
var bot;
|
|
|
|
function create() {
|
|
|
|
bot = game.add.sprite(game.world.centerX, 300, 'bot');
|
|
|
|
bot.animations.add('run');
|
|
bot.animations.play('run', 10, true);
|
|
|
|
}
|
|
|
|
var botData = {
|
|
"frames": [
|
|
|
|
{
|
|
"filename": "running bot.swf/0000",
|
|
"frame": { "x": 34, "y": 128, "w": 56, "h": 60 },
|
|
"rotated": false,
|
|
"trimmed": true,
|
|
"spriteSourceSize": { "x": 0, "y": 2, "w": 56, "h": 60 },
|
|
"sourceSize": { "w": 56, "h": 64 }
|
|
},
|
|
{
|
|
"filename": "running bot.swf/0001",
|
|
"frame": { "x": 54, "y": 0, "w": 56, "h": 58 },
|
|
"rotated": false,
|
|
"trimmed": true,
|
|
"spriteSourceSize": { "x": 0, "y": 3, "w": 56, "h": 58 },
|
|
"sourceSize": { "w": 56, "h": 64 }
|
|
},
|
|
{
|
|
"filename": "running bot.swf/0002",
|
|
"frame": { "x": 54, "y": 58, "w": 56, "h": 58 },
|
|
"rotated": false,
|
|
"trimmed": true,
|
|
"spriteSourceSize": { "x": 0, "y": 3, "w": 56, "h": 58 },
|
|
"sourceSize": { "w": 56, "h": 64 }
|
|
},
|
|
{
|
|
"filename": "running bot.swf/0003",
|
|
"frame": { "x": 0, "y": 192, "w": 34, "h": 64 },
|
|
"rotated": false,
|
|
"trimmed": true,
|
|
"spriteSourceSize": { "x": 11, "y": 0, "w": 34, "h": 64 },
|
|
"sourceSize": { "w": 56, "h": 64 }
|
|
},
|
|
{
|
|
"filename": "running bot.swf/0004",
|
|
"frame": { "x": 0, "y": 64, "w": 54, "h": 64 },
|
|
"rotated": false,
|
|
"trimmed": true,
|
|
"spriteSourceSize": { "x": 1, "y": 0, "w": 54, "h": 64 },
|
|
"sourceSize": { "w": 56, "h": 64 }
|
|
},
|
|
{
|
|
"filename": "running bot.swf/0005",
|
|
"frame": { "x": 196, "y": 0, "w": 56, "h": 58 },
|
|
"rotated": false,
|
|
"trimmed": true,
|
|
"spriteSourceSize": { "x": 0, "y": 3, "w": 56, "h": 58 },
|
|
"sourceSize": { "w": 56, "h": 64 }
|
|
},
|
|
{
|
|
"filename": "running bot.swf/0006",
|
|
"frame": { "x": 0, "y": 0, "w": 54, "h": 64 },
|
|
"rotated": false,
|
|
"trimmed": true,
|
|
"spriteSourceSize": { "x": 1, "y": 0, "w": 54, "h": 64 },
|
|
"sourceSize": { "w": 56, "h": 64 }
|
|
},
|
|
{
|
|
"filename": "running bot.swf/0007",
|
|
"frame": { "x": 140, "y": 0, "w": 56, "h": 58 },
|
|
"rotated": false,
|
|
"trimmed": true,
|
|
"spriteSourceSize": { "x": 0, "y": 3, "w": 56, "h": 58 },
|
|
"sourceSize": { "w": 56, "h": 64 }
|
|
},
|
|
{
|
|
"filename": "running bot.swf/0008",
|
|
"frame": { "x": 34, "y": 188, "w": 50, "h": 60 },
|
|
"rotated": false,
|
|
"trimmed": true,
|
|
"spriteSourceSize": { "x": 3, "y": 2, "w": 50, "h": 60 },
|
|
"sourceSize": { "w": 56, "h": 64 }
|
|
},
|
|
{
|
|
"filename": "running bot.swf/0009",
|
|
"frame": { "x": 0, "y": 128, "w": 34, "h": 64 },
|
|
"rotated": false,
|
|
"trimmed": true,
|
|
"spriteSourceSize": { "x": 11, "y": 0, "w": 34, "h": 64 },
|
|
"sourceSize": { "w": 56, "h": 64 }
|
|
},
|
|
{
|
|
"filename": "running bot.swf/0010",
|
|
"frame": { "x": 84, "y": 188, "w": 56, "h": 58 },
|
|
"rotated": false,
|
|
"trimmed": true,
|
|
"spriteSourceSize": { "x": 0, "y": 3, "w": 56, "h": 58 },
|
|
"sourceSize": { "w": 56, "h": 64 }
|
|
}],
|
|
"meta": {
|
|
"app": "http://www.texturepacker.com",
|
|
"version": "1.0",
|
|
"image": "running_bot.png",
|
|
"format": "RGBA8888",
|
|
"size": { "w": 252, "h": 256 },
|
|
"scale": "0.2",
|
|
"smartupdate": "$TexturePacker:SmartUpdate:fb56f261b1eb04e3215824426595f64c$"
|
|
}
|
|
};
|