MENU

【Unity】uGUIできれいなアウトラインを付ける方法

ugui-text-outline

uGUIで文字に縁をつけてみたのですが、デフォルトのOutlineコンポーネントはきたない!

ということがわかったので、きれいにする方法を探してみました。

アウトラインの比較

テキストにデフォルトのOutlineコンポーネントと参考サイトのCircleOutline.csをくっつけて、比較してみます。

f:id:min0124:20171028133622p:plain

デフォルトのOutlineコンポーネントはきたない!拡大するとよくわかります。

CircleOutline.csはコピーで重ねている数が増えるので、きれいですが負荷が気になります。

負荷の比較

f:id:min0124:20171028133800p:plainf:id:min0124:20171028133806p:plain

設定にもよりますが、今回は頂点数△は2.5倍以上になっています。

参考記事

こちらの記事のスクリプトを試しています。

freelyapps.blog.jp