If your data settings\u00a0don’t say Phaser, then click the file format button and a selection list will appear in the middle.<\/p>\n

Select Phaser(JSONArray)<\/p>\n

The format for loading a JSON supported sprite sheet is a follows<\/p>\n

game.load.atlasJSONHash('key', 'path_to_sprite_sheet, 'path_to_data_file');<\/pre>\n
So for our bird, the code would be:<\/p>\n
game.load.atlasJSONHash('bird', 'images\/bird.png', 'images\/bird.json');<\/pre>\n
And then we would define the animation as normal.<\/p>\n
var StateMain = {\r\n\r\n    preload: function () {\r\n    \tgame.load.atlasJSONHash('bird', 'images\/bird.png', 'images\/bird.json');        \r\n    },\r\n\r\n    create: function () {\r\n        var bird=game.add.sprite(game.width\/2,game.height\/2,\"bird\");\r\n        bird.anchor.set(0.5,0.5);\r\n        bird.animations.add(\"fly\",[0,1,2,3,4,5,6,7],12,true);\r\n        bird.animations.play(\"fly\");\r\n    },\r\n\r\n    update: function () {\r\n\r\n    }\r\n\r\n}<\/pre>\n
Here is the result.<\/p>\n\n\n