LoginSignup
4

More than 5 years have passed since last update.

posted at

updated at

【Unity】TiledのImageのパフォーマンスを改善する

TiledのImageの描画負荷について

uGUIのImageのImageTypeにTiledという描画タイプがあります。
簡単にループ画像をタイリングしてくれて、画像サイズも下がって便利なのですが
実はループ回数に応じてMeshの頂点数が膨れ上がります。
FrameDebuggerで確認するとよくわかります。


このようなdot画像をタイリングしてみました。

スクリーンショット_2017-11-22_13_22_44.png
このように、頂点数が増えているのがわかると思います。
気をつけないと、簡単に1万を超えてしまいます...

改善方法

これを改善するには、Imageの代わりにRawImageを使うと良いです。

(左: Image, 右: RawImage)

使用する画像のWrapModeはRepeatにする必要があります
スクリーンショット 2017-11-22 13.35.52.png

結果

見た目はそのままで、頂点数 1088 → 4 に!
この方法だと、何回Wrapさせても頂点数は4で済みます。
スクリーンショット_2017-11-22_13_37_08.png

注意点

この方法で改善する場合、MultipleSprite(いわゆるアトラス画像)は使えません
タイリング画像素材だけアトラスから切り離す必要があります

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
4