Is there a tool to make a Spritesheet out of 1000 PNG's?

Question

My graphics designer has made graphics in separate PNG files. Is there a clever tool/script that mashes them into a spritesheet?

I could probably code something myself, but why re-invent the wheel :)

possible duplicate of Tool for creating Spritesheet? and Tips — House, Apr 11 '12 at 14:20
I don't think it's a dupe. At least not of that question; I'm pretty sure I've seen this question before but I can't remember where. Anyway that question does generally encompass this one, but this question is more specific. — jhocking, Apr 11 '12 at 16:43
@jhocking If you can post an answer to that question that is verbatim to the answer you've posted here. They are duplicates :) — House, Apr 11 '12 at 18:17
That's not a good rule at all. Just to be ridiculous: What is 2 + 2? What is 8 - 4? OMG SAME QUESTION — jhocking, Apr 11 '12 at 19:27
More serious response: My answer is exactly the same, sure, but the accepted answer there is completely unrelated to this question. My answer applies in both places because this question is a specific case of that question; that question asked "any tools for any sprite tasks?" and this question is "tool for this one specific task?" Honestly my answer applies more here; I should've just made it a comment to someone else's answer there. — jhocking, Apr 11 '12 at 19:42
@jhocking This question here isn't more specific. Creating sprite-sheets is about packing lots of images into one "atlas". So all the answers in the existing question apply.. if the question was about optimal packing algorithms or had more details to it, then maybe it would warrant it's own answers. As of now this isn't the case. — bummzack, Apr 11 '12 at 22:04
The accepted answer there doesn't make any reference to packing lots of images into one atlas. You don't have to take my word for it, you can go and read it. That question is nominally about spritesheets because they are mentioned in the title, but the question is mostly about animation techniques for generating the frames used in a spritesheet. — jhocking, Apr 12 '12 at 00:04

Chuck D · Accepted Answer · 2018-01-05T15:41:50.007

22

Am I the only one who uses SpriteSheetPacker? It's free and open source so you can modify it and learn how it works.

edited Jan 05 '18 at 15:41

answered Apr 11 '12 at 17:10

Chuck D

1,324
7
12

2

No, 9 other people use it as well. But this tool, although free, doesn't give you nearly as much flexibility as TexturePacker – bobobobo Aug 31 '12 at 16:11
@bobobobo Yeah? And guess what your images end up like? https://i.gyazo.com/5e2e4e50d6dd0b1891439aeea06a14a5.png More 'flexibility' and features yeah right.. – NiCk Newman Nov 30 '15 at 06:55
@NiCkNewman there are several sort options. Try that – Evorlor Feb 20 '16 at 04:10
Yeah, trying to use that is a pain. – javydreamercsw May 09 '16 at 18:47

jhocking · Answer 2 · 2012-08-31T16:35:32.997

13

I've been using TexturePacker to create sprites from a folder of PNG images. I'm porting a game originally developed in Flash, so I'm simply exporting each frame of the MovieClip to png and then importing those images in Texture Packer.

Another similar tool is Zwoptex

(The latter is Mac software, but TP has a version for Windows too.)

edited Aug 31 '12 at 16:35

answered Apr 11 '12 at 14:42

jhocking

15,786
2
43
59

2

TP is for all O/S's. Has GUI. My favorite so far. Zwoptex is Mac only. – bobobobo Aug 31 '12 at 16:22
1

oh sweet I didn't know it's all OS's. Either that's new or I missed it before. – jhocking Aug 31 '12 at 16:34
Psshaw. Mac users. – bobobobo Aug 31 '12 at 18:08

score 6 · Answer 3 · answered Apr 13 '12 at 08:08

6

ImageMagick has a command line utility that can join images into what it calls a "montage." It can be tiring getting the right command line parameters to do what you want, but it's a very powerful and flexible tool. I use it very frequently for building spritesheets.

answered Apr 13 '12 at 08:08

notlesh

3,867
1
24
40

1

do you have any examples of the right parameters? – Simon_Weaver Mar 11 '15 at 00:22
2

I am not OP, but convert +append folder/*.png stacked.png converts all pngs in folder (ordered alphabetically) into stacked.png – user1833218 Aug 18 '18 at 10:40
2

For those looking for an example command for montage, I found this excellent SuperUser answer: https://superuser.com/a/290679/77657 – BiAiB Apr 22 '20 at 00:17

score 6 · Answer 4 · answered Feb 05 '13 at 08:49

I have decided to open source my 2D spritesheet and animation tool. It supports automatic sprite selection, combining images, sprite grouping, and multi-sprite animation with rotation.

It is written in Java, the github repo is here: https://github.com/darkFunction/darkFunction-Editor

Website for the project is: http://darkfunction.com/editor

Matsemann · Answer 5 · 2012-04-11T16:57:25.477

I really like libgdx's (game framework) packer. Maybe a bit cumbersome to set up the framework just for the packer, though.

The packer works great. Read the libgdx texturepacker doc here, and see for yourself. My favourite feature is that is also saves a document with info about all the textures in the big spritesheet/atlas, so you can easily make a script that gets them for you. Libgdx also has this build in, so I can load/display any texture by it's original filename, even though it's in a big atlas. There also exists a GUI for the packer.

Excerpt from a pack-file with info about some textures:

ferdige1.png
format: RGBA8888
filter: Nearest,Nearest
repeat: none
mainmenu
  rotate: false
  xy: 2, 2
  size: 800, 480
  orig: 800, 480
  offset: 0, 0
  index: -1
plankeu3
  rotate: false
  xy: 804, 2
  size: 64, 384
  orig: 64, 384
  offset: 0, 0
  index: -1
levelSelect
  rotate: false
  xy: 2, 484
  size: 591, 373
  orig: 591, 373
  offset: 0, 0
  index: -1
plankeu2
  rotate: false
  xy: 870, 2
  size: 64, 256
  orig: 64, 256
  offset: 0, 0
  index: -1

score 0 · Answer 6 · answered Aug 31 '12 at 15:12

I ended up using this Processing script. You can download Processing for free at Processing.org. All files need to be in the same folder, and have a filename ending in a 4 digit number.

ArrayList<PImage> images = new ArrayList

<PImage>();

void setup() {
  String folder = "file location ...";
  String file = "file prefix ...";
  String outfile = "output.png";
  int fileCount = 30;
  int cols = 7;
  int rows = 5;

  println("Loadgin...");
  for (int i = 1; i <= fileCount; i++) {
    String number = "" + i;
    if(number.length() == 1) number ="000" + number;
    else if(number.length() == 2) number = "00" + number;
    PImage img = loadImage(folder+file + number +".png");
    images.add(img);   
  }

  println("Starting...");
  PImage img = createImage(images.get(0).width * cols, images.get(0).height * rows, ARGB);
  for (int x = 0; x < images.get(0).width; x++) {
    for (int y = 0; y < images.get(0).height; y++) {
      for (int z = 0; z < images.size(); z++) {
        img.set(
          x+images.get(0).width* (z%cols),
          y +images.get(0).height * int(z/cols),
          images.get(z).get(x,y));
      }
    } 
  }
  println("Saving...");
  img.save(folder + outfile);
}

score 0 · Answer 7 · edited Jan 06 '18 at 13:48

0

I use a Photoshop script to make spritesheets, see this article on my blog.

It can make old skool tile grids as well as texture atlases, and can export a custom text file containing image size and position info. It works on PC and Mac, it's open source and written to be extensible.

edited Jan 06 '18 at 13:48

Glorfindel

986
1
9
16

answered Feb 05 '13 at 15:38

richardjdare

1

score 0 · Answer 8 · answered Feb 22 '13 at 03:04

0

I don't know if I understood question correcttly but I know the software that operates with textures and makes animation, sprite sheets anf .gif animations. see http://www.spritetools.com/

answered Feb 22 '13 at 03:04

qvatra

149
1
7

score 0 · Answer 9 · answered Mar 10 '15 at 23:39

0

The Compass framework has a sprite generation tool.

[Video]

answered Mar 10 '15 at 23:39

Simon_Weaver

101

Is there a tool to make a Spritesheet out of 1000 PNG's?

9 Answers9

Linked

Related