1000個のPNGからSpritesheetを作成するツールはありますか?[閉まっている]


26

私のグラフィックデザイナーは、別々のPNGファイルでグラフィックを作成しました。それらをスプライトシートにマッシュアップする賢いツール/スクリプトはありますか?

私はおそらく自分で何かをコーディングできましたが、なぜ車輪を再発明するのですか:)



1
@jhockingあなたがここに投稿した回答の逐語的なその質問への回答を投稿できる場合。それらは重複しています:)
MichaelHouse

8
それはまったく良いルールではありません。ばかげているために:2 + 2とは何ですか?8-4とは何ですか?OMGの
同じ

3
より深刻な応答:私の答えは確かにまったく同じですが、受け入れられた答えはこの質問とはまったく無関係です。この質問はその質問の特定のケースであるため、私の答えは両方の場所に当てはまります。その質問は、「スプライトタスク用のツールはありますか?」この質問は「この特定のタスクのためのツールですか?」正直なところ、私の答えはここにもっと当てはまります。そこに他の誰かの答えへのコメントを付けるべきだった。
ジョッキング

1
そこで受け入れられている答えは、多くの画像を1つのアトラスにまとめることについて言及していません。あなたは私の言葉をそれにとらえる必要はありません。この質問は、タイトルで言及されているため、名目上スプライトシートに関するものですが、スプライトシートで使用されるフレームを生成するためのアニメーション技術に関するものがほとんどです。
jhocking

回答:


21

SpriteSheetPackerを使用するのは私だけですか?それは無料でオープンソースなので、修正して動作を学ぶことができます。


2
いいえ、他の9人も同様に使用しています。しかし、このツールは無料ではありますが、TexturePacker
-bobobobo

@boboboboうん?そして、あなたの画像はどうなるのでしょうか?i.gyazo.com/5e2e4e50d6dd0b1891439aeea06a14a5.pngより「柔軟性」と機能...右ええ
ニック・ニューマン

@NiCkNewmanにはいくつかの並べ替えオプションがあります。それを試してみてください
Evorlor

ええ、それを使用しようとすると苦痛です。
javydreamercsw

13

私が使用してきたTexturePackerを PNG画像のフォルダからスプライトを作成します。もともとFlashで開発されたゲームを移植しているので、MovieClipの各フレームをpngにエクスポートし、それらの画像をTexture Packerにインポートするだけです。

他の同様のツールはZwoptexです

(後者はMacソフトウェアですが、TPにはWindows用のバージョンもあります。)


2
TPはすべてのO / S用です。GUIがあります。これまでのところ私のお気に入り。ZwoptexはMacのみです。
ボボボボ

1
ああ、私はそれがすべてのOSだとは知りませんでした。それが新しいか、以前私はそれを見逃した。
ジョッキング

プショー。Macユーザー。
ボボボボ

5

2Dスプライトシートとアニメーションツールをオープンソース化することにしました。スプライトの自動選択、画像の組み合わせ、スプライトのグループ化、および回転を伴うマルチスプライトアニメーションをサポートします。

Javaで書かれており、githubリポジトリはこちらです:https : //github.com/darkFunction/darkFunction-Editor

プロジェクトのウェブサイト:http : //darkfunction.com/editor


3

libgdxの(ゲームフレームワーク)パッカーが大好きです。ただし、パッカーのためだけにフレームワークをセットアップするのは少し面倒かもしれません。

パッカーは素晴らしい作品です。こちらlibgdx texturepackerのドキュメントを読んで、自分の目で確かめてください。私のお気に入りの機能は、大きなスプライトシート/アトラス内のすべてのテクスチャに関する情報を含むドキュメントを保存することです。そのため、それらを取得するスクリプトを簡単に作成できます。Libgdxにもこのビルドが組み込まれているため、大きな地図帳にある場合でも、元のファイル名で任意のテクスチャをロード/表示できます。packer用のGUIもあります。

いくつかのテクスチャに関する情報を含むパックファイルからの抜粋:

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には、イメージを「モンタージュ」と呼ばれるものに結合できるコマンドラインユーティリティがあります。必要なことを行うために適切なコマンドラインパラメーターを取得するのは面倒ですが、非常に強力で柔軟なツールです。私はスプライトシートの作成に非常に頻繁に使用します。


1
適切なパラメーターの例はありますか?
Simon_Weaver

私はOPではないけど、 convert +append folder/*.png stacked.pngstacked.pngにフォルダ(アルファベット順)内のすべてのPNG画像を変換
user1833218

0

私はこの処理スクリプトを使用することになりました。Processingは、Processing.orgから無料でダウンロードできます。すべてのファイルは同じフォルダーにあり、ファイル名の末尾が4桁の数字である必要があります。

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

Photoshopスクリプトを使用してスプライトシートを作成します。ブログのこの記事を参照してください

古いskoolタイルグリッドとテクスチャアトラスを作成し、画像サイズと位置情報を含むカスタムテキストファイルをエクスポートできます。PCとMacで動作し、オープンソースであり、拡張可能に書かれています。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.