Photoshopを使って楽々修正！カメラから遠ざかると現れる…謎の黒い線を修正してみた！

ハロー！Glassesのタケです！

WebGLの開発もだいぶ進み、UnrealEngine5を使ったアプリ開発プロジェクトも着々と進んでおります。
そんな中、Unityをまた案件にて使う機会がありそうなので様々な検証を行いました。

今回は3DSMAXでベイクしたテクスチャを使用した際の問題点を解決していこうと思います。
まずはこちらをご覧ください。こちらの画像は全く同じテクスチャとモデルデータを使用しています。
左がBlender、右がUnityで見たデータです。

なにやらUnityでは黒い線が所々に入っているのがわかりますでしょうか？
これはMipMap（ミップマップ）といい、カメラからオブジェクトが遠い場合、低い解像度のテクスチャを代わりに使って画面のちらつきを抑えつつ軽量化する機能です。

パフォーマンス的にはありがたい機能なのですが、ある場合にこのように見た目が破綻することがあります。
それは…UVとテクスチャの背景色が関係しています。

それではBlenderでこのオブジェクトのUVを見てみましょう！
UVがぴったりサイズでベイクされているようです。MipMapではテクスチャの解像度が低くなっていくので、UVがぴったり過ぎると境界がどんどんぼやけていき、黒い背景と色が混ざったような感じになってしまうわけですね。
ということは、UVの背景が黒色ではなくテクスチャの色になっていれば…いい感じになじみそうですよね！