【Unity】SpriteAtlasの使い方！見落としがちな注意点も解説

はじめに

「SpriteAtlasを聞いたことはあるけど、何なのか知りたい」

「SpriteAtlasの使い方を知りたい」

この記事を読むと、こんな悩みを解決することができます。

今回は画像の描画処理を高速化するためのテクニックである「SpriteAtlas」の使い方を解説していきます。

見落としがちな注意点も紹介しているので、ぜひ最後まで読んでください！

SpriteAtlasとは？

SpriteAtlas（スプライトアトラス）とは、複数の画像を1枚にまとめることが出来る機能です。

まとめることのメリットはパフォーマンスの向上です。

画像が分かれていると、画像を表示する処理を別々に行わないといけません。

しかし、SpriteAtlasで１枚にまとめることによって１回の処理で画像を表示することができます。

SpriteAtlasを使用する前と後の描画回数を調べてみると以下のような結果になりました。

「SetPass cslls」が描画回数を表していますが、使用後の方が減っています。

ちなみにこの画面はGameウィンドウの右上辺りにあるStatsボタンを押すと表示されます。

SpriteAtlasが適応されてSetPass csllsの数が減るのはゲーム再生中のだけなので間違えないように気を付けましょう。

Point

表示処理のことをDraw Call（ドローコール）と言います。

描画関係の話をするとDrawCallという単語はよく出てくるので覚えておきましょう！

SpriteAtlasを使う準備

SpriteAtlas使うためには以下の点を行う必要があります。

2DSpriteパッケージのインストール
SpriteAtlasの有効化

2DSpriteパッケージのインストール

Unityエディターのメニュー Window > Package Manager からPackage Managerを開きます。

左上のプルダウンを「Packages: Unity Registry」にして「2D Sprite」をインストールしてください。

SpriteAtlasの有効化

メニュー Edit > Project Settings からProject Settingsを開きます。

Editorという項目内のSpritePacker＞Modeを「SpriteAtlasV1-AlwaysEnabled」に設定します。

以上で準備完了です。

SpriteAtlasの使い方

SpriteAtlasの使い方を次の順番で解説していきます。

SpriteAtlasの作り方
SpriteAtlasに登録したSpriteを使う方法

SpriteAtlasの作り方

手順としてはSpriteAtlasアセットを作成し、そこにSpriteを登録していきます。

ProjectWindowで右クリック>Create>2D>SpriteAtlasでSpriteAtlasアセットを作成しましょう。

アセットの細かい設定に関しては後ほど説明します。

次はSpriteAtlasの登録を行います。

Spriteの登録方法は「１つずつ」と「フォルダごと」の２種類あります。

１つずつ登録

SpriteAtlasに登録したいアセットをドラック＆ドロップする方法です。

フォルダごと登録

任意のフォルダに入っているアセットをすべて登録する方法です。

フォルダごと登録した方が簡単で追加のし忘れもないのでお勧めです！

登録したSpriteの確認

「PackPreview」ボタンをクリックすると、登録されているSpriteを確認できます。

SpriteAtlasに登録したSpriteを使う方法

登録したSpriteは通常通りSpriteRendererまたはuGUIで使用できます。

Atlas化するときに登録したSpriteをいつも通りに使いましょう。

これで、SpriteAtlasを使って画像が描画されるようになります。

SpriteAtlasの設定

SpriteAtlasの各種設定を簡単に説明しておきます。

Type

「Master」と「Variant」の2つのTypeがあります。
通常「Master」で大丈夫です。
Mater・・・大本のSpriteAtlas
Variant・・・Materをコピーして縮小版を作る設定
「Variant」は特定の環境では縮小版を使うみたいな作りにするときに使います。

Include in Build

ビルドに含まれるかどうかの設定です。

基本的に「ON」で問題ありません。

Allow Rotation / Tight Packing

この設定は画像を効率よく詰め込むための設定です。
Allow Rotation・・・画像を回転させるか
Tight Packing・・・隙間を出きるだけ減らして詰め込む
この設定を有効にすると、SpriteAtlasの隙間が減るのでメモリの節約ができます。
常に有効にしたくなりますが、問題点もあります。
UIで使用する時にこちらの設定を有効にしていると、余計な画像が見えてしまいます。
これはUIが矩形単位で描画を行うことが原因です。
UIとして使用する場合はこの設定はOffにしておきましょう。
SpriteRendererで使う分には正しく描画されます。