以下の内容はhttps://kan-kikuchi.hatenablog.com/entry/UIGradientより取得しました。


uGUIのImageやTextにグラデーションを付けられるUIGradient 【Unity】【uGUI】




この記事でのバージョン
Unity 2021.1.23f1


はじめに

今回はuGUIのImageやTextにグラデーションを付けられるUIGradientというアセット(?)の紹介です!



イメージとしてはコンポーネントを追加してグラデーションを設定する感じです。

f:id:kan_kikuchi:20211215075850j:plain



UIGradient

さっそくUIGradientの導入ですが、



GitHubから直接ダウンロードしてきて

f:id:kan_kikuchi:20211214081249j:plain


解凍したzip内にあるAssets/Scriptをプロジェクトにいれるだけ。

f:id:kan_kikuchi:20211214081407j:plain


あとはImageが付いてるオブジェクトに

Gradientというコンポーネントを付ければグラデーションを設定出来ます。

f:id:kan_kikuchi:20211215075911j:plain


また4 Corners Gradientというコンポーネントを付ければ4色(4隅)のグラデーションも可能です。

f:id:kan_kikuchi:20211215075932j:plain


Textも同様にText Gradientまたは

Text 4 Corners Gradientというコンポーネントでグラデーションが設定出来ます。

f:id:kan_kikuchi:20211215075941j:plain
f:id:kan_kikuchi:20211215075952j:plain






以上の内容はhttps://kan-kikuchi.hatenablog.com/entry/UIGradientより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14