What should be in the "atlas" JSON file?

[locohost]

Can someone post a link or paste and example here of what's needed in the JSON file that defines the frames for my button? I have the PNG created with 3 frames. I'm working on the Phaser Project Template "Phaser Fll Screen Mobile".

 

Thanks a lot for any help :-)

[CtlAltDel]

This is a snippet from my json file generated by Shoebox

{"frames": {	"airstrike.png": {		"frame": {"x":196, "y":0, "w":32, "h":32},		"spriteSourceSize": {"x":0,"y":0,"w":32,"h":32},		"sourceSize": {"w":32,"h":32}	},	"airstrike_k.png": {		"frame": {"x":455, "y":401, "w":12, "h":12},		"spriteSourceSize": {"x":0,"y":0,"w":12,"h":12},		"sourceSize": {"w":12,"h":12}	}},"meta": {"image": "sprites.png","size": {"w": 472, "h": 472},"scale": "1"}

}

[powerfear]

Most people use tools to create the atlas file automatically like https://www.codeandweb.com/texturepacker or http://renderhjs.net/shoebox/.