mob-sakai/UIEffect

これは何？

主な機能

• 01トーン、カラー、サンプリング、トランジションのフィルターを組み合わせて、任意のUI要素に適用できます。
• 02シェーダーコードを書かずに、Inspectorからエフェクトを直接調整できます。
• 03UIEffectTweenerを使って、AnimationClipなしでエフェクトのパラメーターをアニメーションできます。
• 04UIEffectReplicaを使って、同じエフェクト設定を複数の要素に適用できます。
• 05プリセットをエディターで保存し、実行時に読み込めます。
• 06TextMeshPro、Timeline、ShaderGraph、SoftMaskForUGUIとの連携にオプションで対応しています。

ユースケース

• グレースケールを適用して、無効またはロック中のUIボタンを表現する。
• Unityゲームのパネルやアイコンに、ディゾルブや焼け焦げのトランジションを追加する。
• メニューやHUD要素にレトロ風やピクセル調の見た目を作る。
• Timelineのカットシーンに合わせてUIエフェクトをアニメーションさせる。

クイックスタート

1. 1

   OpenUPM 経由でパッケージをインストールします（openupm-cli が必要です）

   openupm add com.coffee.ui-effect
2. 2

   Inspector から UI 要素に UIEffect コンポーネントを追加します（Add Component または Component > UI > UIEffect）

3. 3

   効果を確認するには、Tone Filter を Grayscale に、Tone Intensity を 1.0 に設定します

使う前に知っておきたいこと

• !Unity 2020.3 以降が必要です。
• !v4 からのアップグレードには互換性のない変更が含まれます。v5 では UIShadow と UIGradient はサポートされていません。

収録されている特集

トピック

よくある質問

UIEffect とは？

Inspectorまたはコードから、グレースケール、ぼかし、ディゾルブ、グローなどのフィルターをUI要素に適用できるUnityパッケージ。 UIEffectは、シェーダーベースのビジュアルエフェクトでuGUI要素を装飾できるオープンソースのUnityパッケージです。各エフェクトはInspector上のUIEffectコンポーネントで設定できるため、シェーダーコードを書く必要はありません。トーン、カラー、サンプリング、トランジション、グラデーション、エッジ、シャドウのフィルターを組み合わせて、グレースケール、セピア、ぼかし、ピクセル化、ディゾルブ、溶解、焼け焦げなど、さまざまな見た目を作れます。

UIEffect は無料で使えますか？ライセンスは？

UIEffect は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

UIEffect は今もメンテナンスされていますか？

活発にメンテナンス中。UIEffect の最終コミットは 2026年11月6日 です。

UIEffect は何に使えますか？

グレースケールを適用して、無効またはロック中のUIボタンを表現する。 Unityゲームのパネルやアイコンに、ディゾルブや焼け焦げのトランジションを追加する。 メニューやHUD要素にレトロ風やピクセル調の見た目を作る。 Timelineのカットシーンに合わせてUIエフェクトをアニメーションさせる。

UIEffect のインストール方法は？

OpenUPM 経由でパッケージをインストールします（openupm-cli が必要です）: openupm add com.coffee.ui-effect Inspector から UI 要素に UIEffect コンポーネントを追加します（Add Component または Component > UI > UIEffect） 効果を確認するには、Tone Filter を Grayscale に、Tone Intensity を 1.0 に設定します

UIEffect はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/mob-sakai/UIEffect