Unity shuriken エフェクトデータでモバイル向けに考えるべきこと
アプリやゲーム開発では、データの容量や処理負荷について考える必要が出てくることがあります。
シーンのロードが遅かったり、処理落ちしたり、アプリのデータダウンロードの容量が多くなったりと。
このとき、エフェクトで使用するデータに関して軽量化できる部分をまとめました。
（もし記載内容に誤りなどありましたら、ご教授お願いいたします。）
１．テクスチャーアトラスを使用する
テクスチャーアトラスとは。
図１のような、複数のテクスチャーをグリッド上に並べたテクスチャーの事をさします。
「図１：テクスチャーアトラス画像」
テクスチャーアトラスを使用する事により、「1つ」または「少ない枚数」のテクスチャーでエフェクトを作ることが出来ます。
それにより、使用するマテリアルの数を減らすことが出来ます。
そして、使用するマテリアルの数を減らす事により、ドローコールが減り、処理負荷の軽減につながります。
今回用意した、図１のアトラステクスチャーを使用してマテリアルを作成する場合、
Effect_mat_add（加算）、Effect_mat_alpha（半透明）の2つで基本的に様々なエフェクトに対応できると思います。
必要であればEffect_mat_multi(乗算)のマテリアルも用意するといいです。（図２）
「図２：使用するマテリアル3種類」
２．マテリアル（シェーダー）は、モバイルシェーダーを使用する
最近のスマホは、処理能力が上がってきていますが、少しでもユーザーさんのストレスにならないよう必要がない限りは、処理の軽いシェーダーを使用した方がパフォーマンスがいいです。
Unityに最初から用意されているmobileシェーダーを使用していきます。（図３．４．５）
加算の場合：Mobile/Particles/Additive
「図３：加算マテリアル」
半透明の場合：Mobile/Particles/Alpha Blended
「図４：半透明マテリアル」
乗算の場合：Mobile/Particles/Multiply
「図５：乗算マテリアル」
３．テクスチャーのImportSettingについて
TypeをAdovanceに変更する。 → これにより細かいオプション設定が可能になる
mipmapのチェックを外す → 基本的にエフェクトでは必要ないので処理しないようにオフにする
clampに変更する → アトラステクスチャーの場合は、タイリング（テクスチャーの繰り返し表示）が必要ないのでclampに変更
「図６：テクスチャーImport Settings」
■まとめ
・テクスチャーは、可能な限りアトラステクスチャーを使おう
・使用するマテリアルの数を減らすことで処理負荷が減る
・シェーダーは、モバイルシェーダーを使用する
・テクスチャーのImportSettingをしよう
・なるだけテクスチャーを増やさずに流用して、エフェクトを量産しよう
★番外編：アトラステクスチャーを使用したエフェクトを作ろう！
ここでは図１で用意したテクスチャーアトラスを、shurikenでどのように使用するか解説をしていきます。
完成データは、こちら↓から。
EffectAtlas_Training.unitypackage
アトラステクスチャーを使用したマテリアルでエフェクトを作る際に、
ParticleSystemのモジュール設定が必要になりますので、そちらを解説していきます。
１．まずはParticleSystemにマテリアルを割り当てる。
[Renderer]モジュールのMaterialに加算マテリアルを割り当てる。
「図７：RendererモジュールEffect_mat_add」
Sceneビューを確認すると図８のような見た目になります。
「図８：マテリアルを割り当てた状態のシーンビュー」
２．[Texture Sheet Animation]モジュールのチェックを入れる。（図８）
「図９：[Texture Sheet Animation]モジュール」
このモジュールは、テクスチャーアトラスの分割数と、表示する領域を指定することが出来ます。
プロパティの詳しい説明は、公式を参照してください。（書籍の方にも少し詳しく説明があるのでよかったら見てください。）
３．[Texture Sheet Animation] モジュールの設定を行う。（図１０）
Tiles：X２，Y２
Frame over Time：Constantに変更して、値を1
「図１０：[Texture Sheet Animation] モジュールの設定」
上記の設定で、テクスチャーアトラスを縦横2分割ずつに分け（Tiles:X2,Y2)、その中の0番目（分割したものの一番左上）を参照する設定になります。（図１１）
「図１１：テクスチャーの分割ラインと番号について」
「図１２：テクスチャーアトラスの0番目を表示したシーン画面」
４．ここからは、※書籍の「Lesson3」を元に設定を行い、炎のエフェクトを作ります。
完成品は、EffectAtlas_Training.unitypackage内のfire1_add.prefabを確認してください。
※書籍の紹介
「Unity ゲームエフェクト入門 Shurikenで作る！ユーザーを引き込む演出手法」
・fire1_addについて、[Texture Sheet Animation]モジュールの設定 Frame over Timeの値を2にする。（図１３）
「図１３：[Texture Sheet Animation]モジュールの設定」
・par1_addについて、[Texture Sheet Animation]モジュールの設定 Frame over Timeの値を0にする。（図１４）
「図１４：[Texture Sheet Animation]モジュールの設定」
・smoke1_alphaについて、[Texture Sheet Animation]モジュールの設定 Frame over Timeの値を1にする。（図１５）
「図１５：[Texture Sheet Animation]モジュールの設定」
上記の3つのParticleSystemは、1つのアトラステクスチャーを使用して炎のエフェクトが作成されています。
「完成炎エフェクト」
以上でテクスチャーアトラスを使用してエフェクトを作成する方法の紹介でした。