目次
はじめに
はじめに答えです。
画像をタイル表示する時はWrap Mode
をRepeat
にしましょう。忘れると負荷がかかるので注意が必要です。
![](https://kingmo.jp/kumonos/wp-content/uploads/2023/01/tiled4.jpg)
- Unity 2021.3.11
サンプル
普通に表示した画像です。Image Type
はSimple
です。FrameDebuggerで見た頂点数は4です。
![](https://kingmo.jp/kumonos/wp-content/uploads/2023/01/tiled1-1024x484.jpg)
Inspectorの設定でImage Type
をTiled
にすることで、画像をタイル状に表示できます。
![](https://kingmo.jp/kumonos/wp-content/uploads/2023/01/tiled0-1024x389.jpg)
一見分かりませんが、FrameDebuggerで見ると頂点数が激増したことが分かります。
![](https://kingmo.jp/kumonos/wp-content/uploads/2023/01/tiled2-1024x483.jpg)
先に述べたように画像をタイル表示する時はWrap Mode
をRepeat
にしましょう。
![](https://kingmo.jp/kumonos/wp-content/uploads/2023/01/tiled4.jpg)
そうすることで、超点数を増やすことなくタイル表示することができます。また「Pixels Per Unit Multiplier」を増やし繰り返す密度を上げても超点数は増えません。
![](https://kingmo.jp/kumonos/wp-content/uploads/2023/01/tiled3-1024x470.jpg)
備考
パッキングした画像もタイル表示できますが、Wrap Mode
をRepeat
にできないので負荷を抑えることができません。タイル表示したい時はパッキングしない画像を用意しましょう。
検証に使用した素材
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://kingmo.jp/kumonos/wp-content/uploads/2023/01/imageRawImage2-300x168.jpg)
【Unity】Image と RawImage のメリット/デメリット
【はじめに】 uGUIで画像を表示する際に使う「Image」と「RawImage」の違いについてです。 先にまとめです。 ・基本は「Image」を使う。・特殊なことをしたい時の手段と...
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://kingmo.jp/kumonos/wp-content/uploads/2022/02/image-14-300x169.png)
【Unity】SpriteAtlasの使い方
【はじめに】 Sprite AtlasはSprite Packerの後継機能です。 複数の画像を1つのアトラス画像にまとめて描画回数を抑えてくれます。 パフォーマンス最適化の機能なので...
参考
以前は「RawImage」を使う必要があったようですが、最近のUnityでは「Image」でも対応していました。
Qiita
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwVW5pdHklRTMlODAlOTFUaWxlZCVFMyU4MSVBRUltYWdlJUUzJTgxJUFFJUUzJTgzJTkxJUUzJTgzJTk1JUUzJTgyJUE5JUUzJTgzJUJDJUUzJTgzJTlFJUUzJTgzJUIzJUUzJTgyJUI5JUUzJTgyJTkyJUU2JTk0JUI5JUU1JTk2JTg0JUUzJTgxJTk5JUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0zNzc1ZWU3ODVmMGE0YmQxYTMyNmFiMWQ1YjA3ZmZhYQ&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBpd2FzaGloZWFkJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz05ZDA4ZDI4MGQ3MTljOGRjNjhiOTJjOTI0YWZjMzZjNw&blend-x=142&blend-y=486&blend-mode=normal&s=f9a7ebfb0d2acefaae3048df01164beb)
【Unity】TiledのImageのパフォーマンスを改善する - Qiita
TiledのImageの描画負荷についてuGUIのImageのImageTypeにTiledという描画タイプがあります。簡単にループ画像をタイリングしてくれて、画像サイズも下がって便利なのです...