Texture Atlas Creator

[dmitsuki]

Sorry if this is the wrong board.

 

I needed to create Texture Atlases for my sprites in game, and a quick google search led me to TexturePacker.

 

However, that is not a free solution and I don't like spending money on task I can write my own code for

 

Before creating my own Texture atlas creator however, I stumbled upon http://spritesheetpacker.codeplex.com/

 

This tool seemed to bascially do what I wanted with the added cost of being free, but it did not output to a format readable by Phaser.

 

So I wrote a DLL to allow it to do so! Pretty easy to use. Just download spritesheetpacker and put SpriteSheetPacker.JsonExporters.txt in the same directory as the executable, and change the extension from .txt to .dll.

 

I should mention the .json file is in the hash format.

 

The JSONExporter.txt isn't neccessary, it's just source if anybody cares.

SpriteSheetPacker.JsonExporters.txt

JSONExporter.txt

[Arlefreak]

This is awesome !!! Also check this post

http://www.html5gamedevs.com/topic/2594-tools-compatible-witht-phaser/?fromsearch=1

[rich]

Nice one. Do you mind if we include your DLL in the phaser repo? There are a few atlas extensions in there already it could go with.

[dmitsuki]

Sorry for the super late reply, go ahead!

[GNUton]

It works on linux too!

 

Here how to get it working step by step:

Once you followed the above instructions:

 

1. Install mono for linux

    sudo apt-get install mono-complete

2 Double click the exe file! That's it!

 

To output the map file to JSON format, first select the map file then the Image one.

It didn't work in the other way around for me.

 

Cheers

Antonio

  

[GNUton]

I have amended the source code and you can download the DLL  which exports the map to JSON Array.

 

http://goo.gl/NTSxJL

If you like to use it, copy the file and select JSONA as extension type when you save the image map.

 

Enjoy!

[srobertson421]

If anyone is also looking for a quick web app solution for texture atlas and the like, try this out:

 

http://www.leshylabs.com/apps/sstool/

 

It's worked wonders for me! and you can output to multiple files that are compatible with Phaser.

 

Cheers!

[Tom Atom]

I made texture atlas in Java tool long time ago. While the code inside is crappy and hardly maintainable, I am happy with it and I use it for all my games. Just now it is named SBC PicOpt, but I will probably rename it to Spritor or so in future. Anyway it is free now and it gives good results.

 

Actually it is little more than pure atlas tool. You can add custom properties to sprites and export it along with standard TP export. You can also export scaled atlas as you can set global scale on all sprites and adjust it with individual scales on every single sprite.

 

•  you can get the tool here: https://sites.google.com/site/sbcgamesdev/blogfiles/SBC_PicOpt_v1_00.zip
•  here is description how to use it with Phaser (+ how to add custom properties to sprites): http://sbcgamesdev.blogspot.com/2015/04/phaser-tutorial-sprites-and-custom.html
• and here is first part of tutorial (for old version - new features were added during time): http://sbcgamesdev.blogspot.com/2012/10/sprite-atlas-tool-part-i-creating-atlas.html

 I plan to completely rewrite it one day as I can think about tons of features...

[AndreasLoew]

We've added support for Phaser to TexturePacker - both the JSON hash and array format.

 

This gives you some additional benefits:

• update your sprite sheets with a single click - or by adding TexturePacker to your build scripts
• optimize the sheet using PngQuant for faster loading 
• runs on Windows, Mac and Linux

I've also created a short tutorial - including code on GitHub: 

https://www.codeandweb.com/blog/2014/12/17/creating-spritesheets-for-phaser-with-texturepacker

[staff0rd]

@dmitsuki this works brilliantly, many thanks!

@GNUton's ammendment works as well, but saves as JSONArray instead of JSONHash.

 You can in fact copy both dlls (name them differently) to the Sprite Sheet Packer directory and the app will then give you both *.json and *.jsona as options to export.  I note that *.json is slightly smaller than *.jsona per sprite.

[DonFrag]

I used Phaser Editor for Sprite and Audio Atlas generation.

 

[XtriMzZ]

@dmitsuki Thanks, it works perfectly

[samme]

Glue is neat.

glue ./images ./atlas --json

# -> atlas/images.png
# -> atlas/images.json

# Descend into folders:

glue ./images ./atlas --json --recursive

# Make 1 atlas per folder:

glue ./images ./atlas --json --project

[staff0rd]

spritesheet.js if you wanna make spritesheets in node - I set up some gulp tasks to collate and pack sprites using it.