- 前言
- 【Unity 实用工具篇】 | UIEffect 实现一系列UGUI特效,描边及阴影特效
- 一、UGUI特效插件:UIEffect
- 1.1 介绍
- 二、组件属性面板
- 三、代码操作组件
- 总结
前言
- 在Unity中
UGUI
的使用几乎是必不可少的,虽然也有NGUI、FGUI等可以使用,但使用UGUI的还是占多数。 - 而在使用UGUI的过程中,除了一些基础的UI交互页面及逻辑,学习一些UGUI特效的使用也是很有必要的。
- 接下来会分享一些UGUI中比较简单且实用的特效,供有需要的小伙伴学习使用。
【Unity 实用工具篇】 | UIEffect 实现一系列UGUI特效,描边及阴影特效
一、UGUI特效插件:UIEffect
1.1 介绍
关于该资源的介绍和下载使用方法在之前文章中已经都介绍过了,有需要的可以参考这篇文章:
【Unity 实用工具篇】 | UIEffect 实现一系列UGUI特效,灰度、负片、像素化特效
下面就介绍一下该插件中UI的 描边及阴影 特效的使用方法。
二、组件属性面板
下面来介绍一下,描边及阴影组件 UIShadow的属性面板。
属性 | 说明 |
---|---|
Style | 样式 |
Shadow | 阴影 |
Shadow3 | 三层阴影 |
Outline | 描边 |
Outline8 | 八层描边 |
Effect Distance | 特效距离 |
Effect Color | 特效颜色 |
Use Graphic Alpha | 使用Alpha图形 |
该组件提供阴影和描边功能,与Unity提供的Shadow和Outline组件功能基本一致,不过各多了一个多层描边的选项。
所谓Shadow3和Outline8就是字面意思,分别是三层阴影和8层描边,通过调节Effect Distance可以看出,效果的话就是比单层更厚实,表现效果更重一些。
三、代码操作组件
using Coffee.UIEffects;
using UnityEngine;
public class UIEffectTest : MonoBehaviour
{
public UIShadow uiShadow;
void Start()
{
uiShadow.style = ShadowStyle.Shadow3;
uiShadow.effectDistance = new Vector2(2f, -2f);
uiShadow.effectColor = new Color(0f, 255f, 0f);
uiShadow.useGraphicAlpha = false;
}
}
总结
系列内容使用的Unity版本皆为 Unity 2020 及以上版本,组件的各项参数可能在不同版本之下略有不同,不过不会影响我们使用及教程的介绍,请放心食用(敏感肌也可以使用哦😁)!
🎬 博客主页:https://xiaoy.blog.csdn.net
🎥 本文由 呆呆敲代码的小Y 原创 🙉
🎄 学习专栏推荐:Unity系统学习专栏
🌲 游戏制作专栏推荐:游戏制作
🌲Unity实战100例专栏推荐:Unity 实战100例 教程
🏅 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正!
📆 未来很长,值得我们全力奔赴更美好的生活✨
------------------❤️分割线❤️-------------------------
资料白嫖,技术互助
学习路线指引(点击解锁) | 知识定位 | 人群定位 |
---|---|---|
🧡 Unity系统学习专栏 🧡 | 入门级 | 本专栏从Unity入门开始学习,快速达到Unity的入门水平 |
💛 Unity实战类项目 💛 | 进阶级 | 计划制作Unity的 100个实战案例!助你进入Unity世界,争取做最全的Unity原创博客大全。 |
❤️ 游戏制作专栏 ❤️ | 难度偏高 | 分享学习一些Unity成品的游戏Demo和其他语言的小游戏! |
💚 游戏爱好者万人社区💚 | 互助/吹水 | 数万人游戏爱好者社区,聊天互助,白嫖奖品 |
💙 Unity100个实用技能💙 | Unity查漏补缺 | 针对一些Unity中经常用到的一些小知识和技能进行学习介绍,核心目的就是让我们能够快速学习Unity的知识以达到查漏补缺 |