mrvinegar Posted January 6, 2014 Share Posted January 6, 2014 Is there a free alternative to Texturepacker for creating Texture atlases with JSON data? I've tried Shoebox but it doesn't seem to work with Phaser animations... Thanks! Link to comment Share on other sites More sharing options...
Arlefreak Posted January 6, 2014 Share Posted January 6, 2014 http://www.html5gamedevs.com/topic/2913-texture-atlas-creator/http://www.html5gamedevs.com/topic/2594-tools-compatible-with-phaser/?fromsearch=1 here you can find some Link to comment Share on other sites More sharing options...
dhaber Posted January 7, 2014 Share Posted January 7, 2014 I made a web based sprite-packer called Leshy SpriteSheet Tool. It doesn't have as many features as TexturePacker, but it can do quite a lot. Here is the documentation, and a demo video. I'm not a Phaser user, so I don't know of the requirements, but it does support a number of different export formats, so hopefully it could work out of the box. Maria 1 Link to comment Share on other sites More sharing options...
mrvinegar Posted January 7, 2014 Author Share Posted January 7, 2014 thanks! Link to comment Share on other sites More sharing options...
bitfool Posted January 9, 2014 Share Posted January 9, 2014 I made a web based sprite-packer called Leshy SpriteSheet Tool. It doesn't have as many features as TexturePacker, but it can do quite a lot. Here is the documentation, and a demo video. I'm not a Phaser user, so I don't know of the requirements, but it does support a number of different export formats, so hopefully it could work out of the box. I like it, very nice. Unfortunately, the JSON format it saves is not compatible with Phaser's parser, but you could easily add a Phaser JSON version. Here is a quick comparison I made with a simple sprite sheet, and the modification needed to get it to read with Phaser's game.load.atlasJSONArray() method: Leshy JSON output: [{"name":"swim00","x":0,"y":0,"width":40,"height":20},{"name":"swim01","x":0,"y":21,"width":40,"height":20},{"name":"swim02","x":0,"y":42,"width":40,"height":20}] Phaser needs: {"frames": [{"name": "swim00","frame": {"x":0,"y":0,"w":40,"h":20}},{"name": "swim01","frame": {"x":0,"y":21,"w":40,"h":20}},{"name": "swim02","frame": {"x":0,"y":42,"w":40,"h":20}}]} So the format is different, and "width" and "height" are reduced to "w" and "h", and that's all that seems necessary.It would be nice if the Leshy tool could be extended to create a Phaser JSON format :-) Link to comment Share on other sites More sharing options...
bitfool Posted January 9, 2014 Share Posted January 9, 2014 I made a web based sprite-packer called Leshy SpriteSheet Tool. It doesn't have as many features as TexturePacker, but it can do quite a lot. Here is the documentation, and a demo video. I'm not a Phaser user, so I don't know of the requirements, but it does support a number of different export formats, so hopefully it could work out of the box.re: my earlier report of a new format needed No changes are needed. Oi vey, RTFM! I just read your fine documentation, and found the JSON-TP format, which works out of the box in Phaser, using the game.load.atlasJSONHash() method. Well done, dhaber. I'm sure there are bells and whistles that other folks will want, but it's a great tool for getting a quick start in sprite sheets. Link to comment Share on other sites More sharing options...
dhaber Posted January 10, 2014 Share Posted January 10, 2014 re: my earlier report of a new format needed No changes are needed. Oi vey, RTFM! I just read your fine documentation, and found the JSON-TP format, which works out of the box in Phaser, using the game.load.atlasJSONHash() method. I've never tried it with Phaser, so I'm really glad to hear that works. I included a few formats in hopes that people could find one that works for them, or easily convert to something that does. Adding formats to the application is trivial, so if there is a more preferred format or change, just let me know and I can definitely add it into there. Link to comment Share on other sites More sharing options...
STuFF Posted January 10, 2014 Share Posted January 10, 2014 VERY nice tool. Fast, and every options we need is there, it seems thank you ! Link to comment Share on other sites More sharing options...
STuFF Posted January 10, 2014 Share Posted January 10, 2014 (I think I will use http://www.leshylabs.com/apps/sfMaker/ as well Link to comment Share on other sites More sharing options...
odrick Posted April 21, 2017 Share Posted April 21, 2017 Try http://free-tex-packer.com . Online free tool. Rotation, trimming, multipacking, various export formats (json, xml, css, pixi.js, phaser, cocos2d). Zip support. Link to comment Share on other sites More sharing options...
Recommended Posts