前言
一般的shader無法直接使用在UI上，需要在shader中定義特定的面板參數(shù)，今天就來推薦github上大佬做的一套開源的一系列UGUI，Shader實(shí)現(xiàn)的特效——UIEffect 為 Unity UI 提供視覺效果組件。
地址
https://github.com/Ankh4396/UIEffect
描述
讓我們用效果來裝飾你的UI！您可以根據(jù)需要從腳本和檢查器中控制參數(shù)。AnimationClip 是理所當(dāng)然的！
可用效果
| 元件 | 特征 | 截屏 |
|---|---|---|
| UI效果 | 結(jié)合一些視覺效果。 效果模式：灰度、棕褐色、Nega、像素化。 顏色模式：乘法、填充、加法、減法。 模糊模式：快速、中等、細(xì)節(jié)。 高級(jí)模糊：?jiǎn)⒂酶恋哪：?/td> |  |
| UIShiny | 將閃亮效果應(yīng)用于圖形。該效果不需要蒙版組件或法線貼圖。參數(shù)：效果因子、寬度、旋轉(zhuǎn)、柔和度、亮度、光澤度 |  |
| UIDissolve | 將溶解效果應(yīng)用于圖形。 邊緣顏色模式：乘法、填充、加法、減法 參數(shù)：效果因子、寬度、旋轉(zhuǎn)、柔和度、邊緣顏色 選項(xiàng)：效果區(qū)域、保持效果縱橫比 |
 |
| UIHsvModifier | 修改圖形的 HSV。 目標(biāo)：顏色、范圍 調(diào)整：色相、飽和度、值 |
 |
| UITransition Effect | 使用單通道紋理應(yīng)用過渡效果。 效果模式：截止、淡入淡出、溶解 選項(xiàng)：效果區(qū)域、保持效果縱橫比、過渡紋理 選項(xiàng)：效果區(qū)域、保持效果縱橫比、過渡紋理 Pass Ray On Hidden：禁用圖形的 raycastTarget on hidden。 |
 |
以下效果可以與上述組件一起使用。
| 元件 | 特征 | 截屏 |
|---|---|---|
| UIShadow | 為圖形添加陰影/輪廓。 性能優(yōu)于默認(rèn)的陰影/輪廓組件。 ShadowStyle：陰影、陰影 3、輪廓、輪廓 8 |
 |
| UIGradient | 將頂點(diǎn)顏色更改為帶有角度和偏移量的漸變。 方向：水平、垂直、角度、對(duì)角線 選項(xiàng)：偏移、色彩空間 |
 |
| UIFlip | 翻轉(zhuǎn)圖形。 方向：水平、垂直、兩者 |
 |
Demo 演示
WebGL Demo WebGL 演示
Installation 安裝
要求
- Unity 2017.1 或更高版本
- 不需要其他 SDK
如何玩演示
-
對(duì)于 Unity 2019.1 或更高版本
打開 Package Manager 窗口，在包列表中選擇 UI Effect 包，然后單擊 Demo > Import in project 按鈕 -
對(duì)于 Unity 2018.4 或更早版本
從菜單中點(diǎn)擊 Assets/Samples/UIEffect/Import Demo
這些資源將被導(dǎo)入到 Assets/Samples/UI Effect/{version}/Demo .
打開
用法
1.從 Add Component 檢查器或 Component > UI > UIEffect > … 菜單中向 UI 元素（Image、RawImage、Text 等）添加任何效果組件。
2.在檢查器中根據(jù)需要調(diào)整效果的參數(shù)。
3.您可以從腳本中添加或修改效果。
var uieffect = gameObject.AddComponent<UIEffect>();
uieffect.effectMode = EffectMode.Grayscale;
uieffect.effectFactor = 0.85f;
uieffect.colorMode = ColorMode.Add;
uieffect.effectColor = Color.white;
uieffect.colorFactor = 0.1f;
uieffect.blurMode = BlurMode.FastBlur;
uieffect.blurFactor = 1;
使用示例
UIEffect 可以很容易地在游戲中的各種情況下使用。
| Case | 描述 | 截屏 |
|---|---|---|
| 鎖定/解鎖內(nèi)容 | 使用 UIEffect 應(yīng)用灰度。向用戶指示內(nèi)容不可用。 |  |
| 剪影 | 使用 UIEffect 填充顏色。 |  |
| 柔和的陰影/外層輝光 | 使用 UIEffect 和 UIShadow 模糊陰影。 |  |
| 彩色陰影 | 使用 UIEffect 和 UIShadow 用顏色填充陰影。 |  |
| 模糊的動(dòng)態(tài)字體 | 使用 UIEffect 模糊文本。 要干凈地模糊動(dòng)態(tài)字體，請(qǐng)啟用 Advanced Blur 選項(xiàng)。 |
 |
| 帶有輪廓和陰影的文本 | 使用兩個(gè) UIShadow 添加輪廓和陰影。 與默認(rèn)的輪廓/陰影相比，過度繪制更少。 |
 |
| 閃亮按鈕 | 使用 UIShiny 作為閃亮按鈕。 向用戶指示您可以按下該按鈕。 |
 |
| 屏幕轉(zhuǎn)換 | 使用 UITransitionEffect 使用任何過渡紋理過渡屏幕。 |  |
完結(jié)
贈(zèng)人玫瑰，手有余香！如果文章內(nèi)容對(duì)你有所幫助，請(qǐng)不要吝嗇你的點(diǎn)贊評(píng)論和關(guān)注，以便我第一時(shí)間收到反饋，你的每一次支持都是我不斷創(chuàng)作的最大動(dòng)力。當(dāng)然如果你發(fā)現(xiàn)了文章中存在錯(cuò)誤或者有更好的解決方法，也歡迎評(píng)論私信告訴我哦！
好了，我是向宇，https://xiangyu.blog.csdn.net文章來源：http://www.zghlxwxcb.cn/news/detail-757777.html
一位在小公司默默奮斗的開發(fā)者，出于興趣愛好，于是最近才開始自習(xí)unity。如果你遇到任何問題，也歡迎你評(píng)論私信找我， 雖然有些問題我可能也不一定會(huì)，但是我會(huì)查閱各方資料，爭(zhēng)取給出最好的建議，希望可以幫助更多想學(xué)編程的人，共勉~
文章來源地址http://www.zghlxwxcb.cn/news/detail-757777.html
到了這里，關(guān)于【unity插件】Shader實(shí)現(xiàn)UGUI的特效——UIEffect為 Unity UI 提供視覺效果組件的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
