(:3[kanのメモ帳]

個人ゲーム開発者kan.kikuchiのメモ的技術ブログ。月木更新でUnity関連がメイン。

(:3[kanのメモ帳]


本ブログの運営者kan.kikuchiが個人で開発したゲームです!

    

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