Esiste uno strumento per creare uno Spritesheet da 1000 PNG? [chiuso]


26

Il mio designer grafico ha realizzato elementi grafici in file PNG separati. Esiste uno strumento / script intelligente che li trasforma in un foglio di calcolo?

Probabilmente potrei codificare qualcosa da solo, ma perché reinventare la ruota :)



1
@jhocking Se riesci a pubblicare una risposta a quella domanda che è letteralmente alla risposta che hai pubblicato qui. Sono duplicati :)
MichaelHouse

8
Questa non è affatto una buona regola. Giusto per essere ridicoli: che cos'è 2 + 2? Cosa sono 8 - 4? OMG STESSA DOMANDA
jhocking

3
Risposta più seria: la mia risposta è esattamente la stessa, certo, ma la risposta accettata è completamente estranea a questa domanda. La mia risposta si applica in entrambi i casi perché questa domanda è un caso specifico di quella domanda; quella domanda poneva "qualche strumento per qualsiasi attività di sprite?" e questa domanda è "strumento per questo compito specifico?" Onestamente la mia risposta si applica di più qui; Avrei dovuto solo fare un commento alla risposta di qualcun altro lì.
jhocking

1
La risposta accettata non fa alcun riferimento al raggruppamento di molte immagini in un atlante. Non devi crederci sulla parola, puoi andare a leggerlo. Quella domanda è nominalmente sui fogli di calcolo perché sono menzionati nel titolo, ma la domanda riguarda principalmente le tecniche di animazione per generare i frame utilizzati in un foglio di calcolo.
jhocking del

Risposte:


21

Sono l'unico che usa SpriteSheetPacker ? È gratuito e open source in modo da poterlo modificare e imparare come funziona.


2
No, anche altre 9 persone lo usano. Ma questo strumento, sebbene gratuito, non ti dà quasi la stessa flessibilità di TexturePacker
bobobobo

@bobobobo Sì? E indovina come finiscono le tue immagini? i.gyazo.com/5e2e4e50d6dd0b1891439aeea06a14a5.png Più "flessibilità" e funzionalità sì, proprio ..
NiCk Newman,

@NiCkNewman ci sono diverse opzioni di ordinamento. Prova questo
Evorlor,

Sì, provare a usarlo è un dolore.
javydreamercsw,

13

Sto usando TexturePacker per creare sprite da una cartella di immagini PNG. Sto eseguendo il porting di un gioco sviluppato originariamente in Flash, quindi sto semplicemente esportando ogni fotogramma di MovieClip in png e quindi importando quelle immagini in Texture Packer.

Un altro strumento simile è Zwoptex

(Quest'ultimo è un software Mac, ma TP ha anche una versione per Windows.)


2
TP è per tutti gli O / S. Ha una GUI. Il mio preferito finora. Zwoptex è solo per Mac.
bobobobo,

1
oh dolce non sapevo che fosse tutto OS. O è nuovo o l'ho perso prima.
jhocking

Psshaw. Utenti Mac.
Bobobobo,


3

Mi piace molto il packer di libgdx (game framework). Forse è un po 'complicato configurare il framework solo per il packer.

Il packer funziona alla grande. Leggi il documento di texturepacker libgdx qui e guarda tu stesso. La mia caratteristica preferita è che salva anche un documento con informazioni su tutte le trame nel grande spritesheet / atlante, in modo da poter facilmente creare uno script che li trovi per te. Anche Libgdx ha questo build integrato, quindi posso caricare / visualizzare qualsiasi texture dal suo nome file originale, anche se è in un grande atlante. Esiste anche una GUI per il packer .

Estratto da un file di pacchetto con informazioni su alcune trame:

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

3

ImageMagick ha un'utilità della riga di comando che può unire le immagini in quello che chiama un "montaggio". Può essere stancante ottenere i parametri della riga di comando giusti per fare quello che vuoi, ma è uno strumento molto potente e flessibile. Lo uso molto frequentemente per costruire fogli di calcolo.


1
hai qualche esempio dei parametri giusti?
Simon_Weaver

Non sono OP, ma convert +append folder/*.png stacked.pngconverte tutti i png nella cartella (ordinati in ordine alfabetico) in stacked.png
user1833218

0

Ho finito per usare questo script di elaborazione. Puoi scaricare Processing gratuitamente su Processing.org. Tutti i file devono trovarsi nella stessa cartella e avere un nome file che termina con un numero di 4 cifre.

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);
}

0

Non so se ho capito correttamente la domanda, ma conosco il software che funziona con le trame e crea animazioni, fogli di scrittura e animazioni .gif. vedi http://www.spritetools.com/



0

Uso uno script di Photoshop per creare fogli di calcolo, vedi questo articolo sul mio blog .

Può creare vecchie griglie di piastrelle skool così come atlanti di texture e può esportare un file di testo personalizzato contenente le dimensioni dell'immagine e le informazioni sulla posizione. Funziona su PC e Mac, è open source e scritto per essere estensibile.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.