【Unity】UI開発 Part 4 最適化編

UI開発、最後は最適化です。CanvasのBatch処理、Overdrawを例に上げた後、Profilerによる確認方法をまとめてます。

Canvas
- Batch処理
Overdraw
Profiler
まとめ
参考

Canvas

全てのUIはCanvas配下になります。何も考えず大量にUIを配置するとパフォーマンスが低下します。

Batch処理

最も効果的なのはBatch処理です。これはザックリ言うとCPUがGPUに描画の命令を出す時に、必要な情報(Material, Texture)をまとめる事で命令数を減らしCPUの負荷を軽減するというものです。

という訳で、以下にBatch処理が有効になる条件・注意点をまとめました。

同じTextureを参照
Textureを個別に参照するとBatch処理が効かないため、Atlas化して一つのTextureにまとめます。
kan-kikuchi.hatenablog.com
同じMaterialを参照
これもTextureと同様にまとめれるものは同じMaterialを参照するようにします。 UIのレイヤー表示に注意
MaterialA, MaterialB を参照するImageを下図のように交互に重ねて表示する場合、Batch処理が効かなくなります。

この場合はMaterialをまとめるか、重ねない表示にするかです。
同じCanvasに配置
uGUIのBatch処理はCanvas単位で実行されます。前述でまとめたTexture,Materialが他のCanvasを跨がないようにする必要があります。
Canvas単位の表示制御に注意
UIをCanvas単位で表示・非表示する時はCanvasを無効にしてください。GameObject を無効化すると頂点データが破棄されてしまい、次回有効時に頂点バッファが再生成され Canvasの更新が発生するためです。

Canvasの親子関係に注意
ただし、Canvasに親子関係を設定している場合、子Canvasの無効化時に親Canvasの更新が走ります。
動かさない
各UIを更新するとBatch処理が都度実行されます。これは中々に重たい処理でUI生成時などタイミングが限定的ならまだ良いですが毎フレーム走る場合はかなり問題になります。

Canvas単位でBatch処理を実行するため、動かしていない他UIも含めて影響が出ます。

Canvasを分割する
とはいえ毎フレーム更新が必要なUIは絶対に出てきます。対処法の１つは更新用Canvasに分割します。
こうすれば更新用CanvasのみBatch処理が走り、影響範囲を最小限に抑えれます。

ただし、Canvasを分割し過ぎると今度はBatch処理の意味がなくなるので、負荷を計測して分割数を決める必要があります。
Shaderで動かす
もう１つの対処法は周期性(左右・上下振動)のある表現をシェーダで実装します。GPU側で処理するためCanvasのBatch処理が実行されないです。
baba-s.hatenablog.com