Unity 突发奇想做的一个UI边缘光效果

原创 已于 2022-02-10 22:36:41 修改 · 4k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#unity #shader #urp

于 2022-02-10 22:16:13 首次发布
博主分享了对于使用SD制作的mask贴图与AE序列帧的比较，认为在shader调整效果方面更胜一筹。尽管mask贴图参考价值有限，但其在特定场景下仍有其独特优势。

mask贴图是用SD做的，所以也没啥参考价值，看着玩玩吧

 

 

 

 

我的评价是不如AE做序列帧，但是shader写比较方便调效果

Unity之ShaderGraph如何实现边缘光效果
TxNet
10-18 1572
游戏中最常用的一个效果就是边缘光了，既可以做物体的高亮效果，也可以给人物皮肤表面添加光泽。
【Unity 实用工具篇】 | UIEffect 实现一系列UGUI特效，UI闪光特效
热门推荐
努力前行，总会成为自己心中的那道光
04-20 4万+
在Unity中 UGUI 的使用几乎是必不可少的，虽然也有NGUI、FGUI等可以使用，但使用UGUI的还是占多数。 而在使用UGUI的过程中，除了一些基础的UI交互页面及逻辑，学习一些UGUI特效的使用也是很有必要的。 接下来会分享一些UGUI中比较简单且实用的特效，供有需要的小伙伴学习使用。
真正的边缘发光shder（unity）
07-29
可以实现边缘发光 注意设置好shader的等同于物体自身比例参数
如何快速为Unity UI添加惊艳特效？UIEffect完整使用指南
最新发布
gitblog_00356的博客
10-31 376
UIEffect是一款专为Unity uGUI元素打造的强大特效组件，能轻松实现模糊、发光、渐变等视觉效果，让你的游戏界面瞬间提升质感！本文将带你从安装到实战，掌握这款免费工具的全部技巧，零基础也能快速上手✨ ## ???? 为什么选择UIEffect？5大核心优势 ### ✅ 超简单集成流程 无需复杂配置，3步即可将特效应用到任何UI元素（Image/Text/RawImage），支持Unity...
Unity Shader 流光 边缘光
elegentbeauty的博客
04-15 2826
Unity2021.3.23Time控制UV的变化,再采样一张流光贴图.即可实现流光效果。效果描述: 1.边缘光(菲尼尔), 2.从上到下扫描光.效果图如下:代码如下： (i.pos_world.xy - i.pivot_world.xy) 用于计算UV位置,达到从上到下的扫描效果.
Unity实现UI光晕效果（发光效果）
08-25
主要为大家详细介绍了Unity实现UI光晕效果，发光效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Unity UGUI 流光特效
Hello,World!
08-26 1万+
UGUI 流光特效 效果图： 原理 1. 写个简单的Shader： float4 frag (v2f i) : SV_Target { float4 col = tex2D(_MainTex, i.uv); float2 uv = i.uv - 0.5; float2 pt = pointbyangle( fmod( _StartAngle + _Time.y * _Speed, 360)); float l = clamp( 1 - length( uv - pt ) / ( _Size * 1
Unity UGUI 边缘泛光 描边 的简单实现
时间的大海会湮灭一切
07-07 5142
UI泛光 UI描边
精选资源
Unity UI边缘流光特效插件
10-25
总的来说，Unity UI边缘流光特效插件是一个强大的工具，可以帮助开发者快速提升UI的视觉吸引力。通过熟练掌握插件中的Shader、流光贴图和代码，你可以在游戏或应用的界面设计上实现更多创新和个性化的表现，从而提升...
Unity之ASE实现边缘光效果
TxNet
02-19 2279
今天来实现一个简单的边缘光效果，可以应用与物体表面的一种荧光外溢的效果，特别是用在人的身体表面，会让人的皮肤更细腻，更好看。物体上效果如下:人体表面效果如下：我们可以看到，这种人体表面的泛光效果，在游戏中是用处非常广泛的，会让皮肤看起来更透亮，效果更好。
Unity 物体边缘发光 shader
08-01
放到工程文件夹里面，让物体（gameObject）的材质（material）添加这个shader，就行。
UnityShader 边缘光(静态、动态及遮罩)效果
05-16
思路：用视方向和法线方向点乘，模型越边缘的地方，它的法线和视方向越接近90度，点乘越接近0。那么用 1-减去上面点乘的结果，来作为颜色分量，来反映边缘颜色强弱。
unity 2DSprite 边缘发光特效
08-31
unity 2DSprite 边缘发光特效，制作unity 2D游戏很实用！
使用UnityShader实现模型的边缘流光效果
weixin_36961960的博客
04-28 3138
使用UnityShader实现模型的边缘流光效果 实现原理------------------------------------------------------------------------------------ 边缘发光+流光效果 fixed4 frag (v2f i) : SV_Target { fixed4 col = tex2D(_MainTex, i.uv); //边缘外发光
Unity中制作UI光晕效果（发光效果）
OneWord233的博客
04-25 2万+
Unity中，我们怎么制作UI物体发光的渐隐渐现的效果呢？比如说我们有一张月亮光晕的精灵图片我们可以给它添加一个CanvasGroup组件我们可以发现，组件上的Alpha值可以控制图片的透明度，从0到1那么我们可以在代码中通过控制Alpha值循环的变化实现发光的光晕效果以下是代码：using System.Collections; using System.Collections.Generic;...
unity3d 不规则外发光描边_UI中的Border描边怎么用？
weixin_39633807的博客
11-29 611
我是枣枣，这里是我的复盘笔记本。2020年第 5 篇干货分享今天来讨论一下，绘制UI元素时，描边到底用内部、居中还是外部？Sketch前一段时间在整理网页设计规范的时候，想到描边对于产品有哪些可设计的场景……Menu01：对齐方式02：内描边03：外描边04：中心描边05：总结0 1 对齐方式工作交接工具“蓝湖”上只能点击被描边的元素本身，并不能点击带描边后的整个元素(...
unity描边发光shader_Unity shader 实现边缘发光
weixin_39669629的博客
12-19 1075
在很多游戏中经常看到有些模型边缘有发光的效果，看起来很高大上，很酷炫，其实实现起来非常的容易，下面就给大家介绍下实现边缘发光效果的shader代码。效果图：shader代码：Shader "Custom/BianYuanFaGuang"｛Properties｛_MainTex("main tex",2D) = "black"｛｝_RimColor("rim color",Color) = (1,1...
UnityShader基础案例（二）——UI流光，扭曲，外边框，波纹效果
SliverAsh_的博客
10-04 7654
扭曲的原理也很简单，采样点旋转一个角度即可，不过为了体现扭曲效果，我们让越靠近中心的点旋转越小，越远离的点旋转越大，不然全旋转成一个角度那叫旋转不叫扭曲。这里要说一下图片本身对扭曲的影响，尽量不要选那些可以填满整个图片的纹理，因为四个角的纹理坐标有的时候一旋转会超出去，这时候就要看怎么截取的，这个不同于3D物体的描边，扩充模型什么的，我们相当于是对纹理进行的描边，这里就有一个可以利用的地方，那就是透明度。实现需要三张图片，一个便是要显示的主纹理，一个是主纹理的透明通道纹理（用于识别边框），一个是流光纹理。
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值