スプライトアトラスを作成

ゲームが別々の画像を描くたびに、グラフィックカードはテクスチャを切り替えます。多くのスプライトを 1 枚の画像、つまりアトラスにまとめると、エンジンはそれらをまとめて描けるので、100 個の小さなファイルより速く動き、読み込みも速くなります。

パッカーは、サイズの違うスプライトを大きいものから順にパズルのように組み合わせ、それぞれの位置を書き出します。スプライトは回転も拡大縮小もされないので、描いたとおりに見えます。

• すき間：スプライトの間に 1 〜 2 ピクセルの空きを入れると、テクスチャが拡大縮小やフィルタリングされたときに、スプライトの縁が隣に映り込みません。
• 「空の縁をトリミング」：各スプライトのまわりの空の枠を省きます。どれだけ省いたかはデータファイルに記録されるので、スプライトの位置は変わりません。
• 「2 の累乗サイズ」：シートを 256、512、1024 などに切り上げます。最近のエンジンではほとんど不要ですが、一部のモバイルやウェブの環境ではまだ好まれます。
• 名前：各スプライトには、拡張子を除いたファイル名が付きます。コードで参照したい名前をファイルに付けておいてください。

「JSON (名前ごとのフレーム)」は、TexturePacker が広めた形式です。Phaser と PixiJS はそのまま読み込め、Godot、GameMaker、その他ほとんどのエンジンにインポーターがあります。「JSON (フレームのリスト)」は同じデータを順序付きのリストで持ちます。

「Godot (.tres)」は、スプライトごとに同じ名前の AtlasTexture ファイルを 1 つ書き出します。PNG と同じフォルダーに入れてプロジェクトへコピーすれば、どれもそのままテクスチャとして使えます (Sprite2D など)。インポーター プラグインは不要で、トリミングしたスプライトも元のサイズを保ちます。

「Unity (.png.meta)」は Unity 独自のインポートファイルです。PNG と並べてプロジェクトにコピーすると、テクスチャは名前付きのスプライトにスライスされ、ドット絵に必要なポイントフィルタリングと無圧縮で読み込まれます。