LoginSignup
1
4

More than 5 years have passed since last update.

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

Last updated at Posted at 2017-11-22

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(いわゆるアトラス画像)は使えません
タイリング画像素材だけアトラスから切り離す必要があります

1
4
0

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
  3. You can use dark theme
What you can do with signing up
1
4