スプライトシートの作成と画像の最適化

スプライトシートの作成と画像の最適化

  • Lamiyi
  • 0
  • rhahw
スプライトシートの作成と画像の最適化

Code'n'Webは、OS XおよびWindows向けのTexturePackerPro 2.4.0を発表しました。これは、iOS、Android、Webフレームワーク向けの15種類の出力形式でスプライトシートを作成・最適化できる、同社の人気ソフトウェア開発ツールのアップデートです。スプライトシートは、開発期間の短縮、グラフィックの簡素化、メモリ使用量の最小化、読み込み時間の短縮、スプライトの表示速度向上といった点で非常に役立ちます。TexturePackerProは、ドラッグ&ドロップ操作でスプライトシートの作成と画像の最適化に必要なすべての要素を完全に制御できるソリューションです。

TexturePackerProは、シンプルながらも強力なグラフィカルユーザーインターフェースを採用しています。シングルスクリーンのGUIは、1) テクスチャ設定、2) スプライトシートビューア、3) スプライトリストの3つの列で構成されています。非常に高速なレイアウトアルゴリズムにより、開発者はすべての変更をリアルタイムで確認できます。その他の機能としては、マルチタッチサポート、ズーム、メモリ使用量とターゲットサイズの表示などがあります。

最初の列「テクスチャ設定」には、出力、ジオメトリ、レイアウト、および詳細設定(例:Premulitply Alpha)を設定するためのデータフィールドとドロップダウンメニューがあります。サポートされている出力データ形式は、cocos2d、cocos2d-0.99.4、Corona TM SDK、Sparrow、LibGDX、JSON、Unity3D / UIToolKit、JSON-Array、CSS、Gideros、CEGUI / OGRE、AndEngine、AppGameKit、Slick2D、Moaiです。TexturePackerProは、PNG、PVR、圧縮PVR(zlibおよびgzip)、JPG-JPEGなどの出力テクスチャ形式に対応しています。出力画像形式は、RGBA8888、BGRA8888、RGBA4444、RGBA5555、RGBA5551、RGB888、RGB565、PVRTC4、PVRTC2、Alpha、Alpha + Intensityです。 RGBA4444 などの減色フォーマットで使用する場合、色の量子化とディザリング アルゴリズムには、Nearest-Neighbor、Linear、Floyd-Steinberg、Floyd-Steinberg + Alpha、Atkinson、Atkinson + Alpha などの設定がいくつかあります。

テクスチャ設定列にはジオメトリの設定があり、スプライトシートに必要な最小サイズを決定する自動サイズ調整機能も搭載されています。最大8192 x 8192ピクセルまでの固定サイズも選択可能です。ジオメトリのスケーリング方法とスケーリング方法も選択できます。また、自由なサイズ設定や、高解像度および低解像度のターゲットシステムに対応するために、スプライトシートのスケーリングバージョンを自動作成する機能も選択できます。強力なアップスケーリングアルゴリズムにより、低解像度画像から高品質のグラフィックスを作成できます。

TexturePackerProのレイアウト設定では、スプライトの配置、透明度、回転、トリミング、切り取りなど、あらゆる側面を細かく調整できます。境界線、形状、内側のパディング設定では、スプライトとシートの境界線間のスペース、スプライト間のスペース、スプライトのエッジのアンチエイリアシングを制御できます。

アプリでは、スプライトをスプライト列にドラッグアンドドロップすることができ、Adobe Flash SWF(各フレームは単一のスプライトとして追加されます)、PNG、JPG、BMP、TIFF、PCT などがサポートされています。統合された .PVR/PVR.CCZ ビューアを使用すると、その形式のファイルを TexturePackerPro ビューアで直接開くことができます。Mac OS X 用のクイックビュー プラグインを使用すると、Finder から PVR ファイルを直接表示できます。また、TexturePacker をビルド プロセスに完全に統合できるコマンド ライン バージョンも含まれています。Xcode 統合の例については、Code'n'Web のブログを参照してください。その他の機能には、エイリアスの作成、およびカラー キーイング用のヒューリスティック イメージ マスクがあります。追加ツールの Physics Editor を使用すると、物理シェイプを簡単に編集できます。シェイプをエディターにドラッグすると、自動トレース機能によって頂点、ポリゴン、方向が検出され、ほとんどの開発フレームワークに直接エクスポートできます。

主な機能:
* スプライト シートを作成してワークフローを簡素化し、開発時間を短縮します
* iOS、Android、Web 開発で使用される 15 を超えるデータ形式と互換性があります
* テクスチャ形式を最適化し、ディザリングを適用し、色の量子化を使用します
* シンプルな GUI でスプライトの追加とスプライト シートの公開を自動化します
* スプライト シートの出力、ジオメトリ、レイアウトを
制御できます * スプライト シートを使用してアプリケーションのメモリ使用量を削減します
* 統合された PVR ビューアで .PVR/PVR.CCZ 形式のファイルを表示します
* スプライト シートを使用して Web ページを読み込むことで、HTTP 要求の数を削減します
* スプライトとスプライト シートのレイアウトをリアルタイムで変更します

「ゲーム開発者やWeb開発者の方は、ぜひTexturePackerEssentialの無料版をダウンロードしてみてください」とCode'n'WebのAndreas Loew氏は述べています。「基本的な機能はすべて有効になっており、いつまでもお使いいただけます。一度お試しいただければ、きっとTexturePackerを定期的に使いたくなるはずです。また、私のウェブサイトにあるレビューやビデオチュートリアルもぜひご覧ください。」

価格と入手方法:
TexturePackerProは24.95ドル(USD)、TexturePackerPro + PhysicsEditorバンドルは34.95ドル(USD)です。すべての基本機能を備えた無料版TexturePackerEssentialもご用意しています。すべてのバージョンはCode'n'Webのウェブサイトから直接ダウンロードでき、ライセンスはOS X、Windows、Linuxで有効です。レビュー用サンプルはご要望に応じてご提供いたします。BloggerおよびFramework開発者の方は、サインアップしてTexturePackerProの無料版を入手してください。

続きを読む

スプライトシートの作成と画像の最適化