mirror of
https://github.com/photonstorm/phaser
synced 2024-12-02 17:41:06 +00:00
271 lines
7.5 KiB
JavaScript
271 lines
7.5 KiB
JavaScript
/// <reference path="../../Phaser/Game.ts" />
|
|
(function () {
|
|
var myGame = new Phaser.Game(this, 'game', 800, 600, init, create, update);
|
|
function init() {
|
|
// Texture Atlas Method 1
|
|
//
|
|
// In this example we assume that the TexturePacker JSON data is a real json object stored as a var
|
|
// (in this case botData)
|
|
myGame.loader.addTextureAtlas('bot', 'assets/sprites/running_bot.png', null, botData);
|
|
myGame.loader.load();
|
|
}
|
|
var bot;
|
|
function create() {
|
|
bot = myGame.createSprite(myGame.stage.width, 300, 'bot');
|
|
bot.animations.add('run');
|
|
bot.animations.play('run', 10, true);
|
|
bot.velocity.x = -100;
|
|
}
|
|
function update() {
|
|
if(bot.x < -bot.width) {
|
|
bot.x = myGame.stage.width;
|
|
}
|
|
}
|
|
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$"
|
|
}
|
|
};
|
|
})();
|