web-dev-qa-db-ja.com

スプライト画像を分解する簡単なツール?

何十ものアイコンを含むSprite画像がたくさんあります。スプライトを個別の画像ファイルに自動的に解明する、または座標、幅、高さに供給する簡単な方法はありますか?

28
Abadaba

Photoshopのスライスツールを使用します。

  1. slice select toolを使用します(そのselectの部分に注意してください。スクリーンショットを参照してください)。
  2. キャンバスの任意の場所を右クリックし、ドロップダウンメニューから[Divide Slice...]を選択します。
  3. 高さ/幅または複数のスプライトを入力します。
  4. 完了したら、save for web and devices...に移動します
  5. 保存すると、個別のすべてのカットアウトが別のフォルダーに選択したファイル形式でエクスポートされます。

それらが(グリッド上ではなく)不均一なサイズである場合は、バニラの「スライス選択」ツールで個別に選択することもできます。類似したグリッドがたくさんある場合は、すべてをフォトショップアクションとして保存し、バッチ処理します。

slice **select** tool

7
Abadaba

このプログラムは、スプライトを個々のフレームに分解するのに非常に適しています

http://www.alferdspritesheetunpacker.forkandbeard.co.uk/forkandBeard/apps/AlferdSpritesheetUnpacker/Download.aspx

すべての標準ビットマップ形式、.png、.bmp、.gif、.tiffをサポートし、ほとんどすべてを自動的に実行します。

14
BYS2

スプライトのソース画像を失った後、私は同様の問題に遭遇し、この比較的単純なツールを構築しました: https://github.com/fmovlex/desprite

お役に立てれば。

6
fmovlex

これは私にとってjquery uiスプライトから画像を抽出するのにうまくいきました http://renderhjs.net/shoebox/

5
6ton

これを個々の行に分割するので、試してみてください: http://imagesplitter.net

5
Adam Seabridge

スプライトマップを動的に分割するAndroidアプリケーションがあります:

https://play.google.com/store/apps/details?id=com.fourqueue.Android.texture

0
Four Queue