Unity3D Shader之光晕Glow

今天我们来实现下光晕效果

主要是利用顶点的view direction 和 normal direction 的点积来做为光晕颜色的alpha值，越靠近边缘的顶点，abs(dot(viewDirection, normalDirection) )的值越小, 将 float opacity = pow(strength, _Strength); 作为颜色的alpha值，那么越靠近边缘就越透明。

view direction : 世界空间中顶点到相机的向量

normal direction: 世界空间中顶点法线向量

Shader 代码：

Shader "Custom/Glow" {Properties {_Color ("Color", Color) = (1,0.6,0,1)_GlowColor("Glow Color", Color) = (1,1,0,1)_Strength("Glow Strength", Range(5.0, 1.0)) = 2.0_GlowRange("Glow Range", Range(0.1,1)) = 0.6}SubShader {Pass {Tags { "LightMode"="ForwardBase" }CGPROGRAM#pragma vertex vert#pragma fragment fragfloat4 _Color;float4 vert(float4 vertexPos : POSITION) : SV_POSITION {return UnityObjectToClipPos(vertexPos);}float4 frag(void) : COLOR {return _Color;}ENDCG}Pass {Tags { "LightMode"="ForwardBase" "Queue"="Transparent" "RenderType"="Transparent" }// Cull FrontZWrite OffBlend SrcAlpha OneMinusSrcAlphaCGPROGRAM#pragma vertex vert#pragma fragment frag#include "UnityCG.cginc"float4 _GlowColor;float _Strength;float _GlowRange;struct a2v {float4 vertex : POSITION;float4 normal : NORMAL;};struct v2f {float4 position : SV_POSITION;float4 col : COLOR;};v2f vert(a2v a) {v2f o;float3 normalDirection = normalize(UnityObjectToWorldNormal(a.normal));float3 worldPos = mul(unity_ObjectToWorld, a.vertex).xyz;float3 viewDirection = normalize(UnityWorldSpaceViewDir(worldPos));float4 pos = a.vertex + (a.normal * _GlowRange);o.position = UnityObjectToClipPos(pos);float strength = abs(dot(viewDirection, normalDirection));float opacity = pow(strength, _Strength);float4 col = float4(_GlowColor.xyz, opacity);o.col = col;return o;}float4 frag(v2f i) : COLOR {return i.col;}ENDCG}}FallBack "Diffuse"
}

第一个pass 直接渲染所有顶点的颜色为_Color设置的值。
第二个pass 通过 float4 pos = a.vertex + (a.normal * _GlowRange); 将顶点沿着法线方向向外延伸。然后渲染_GlowColor设置的颜色。通过顶点法线和顶点view direction 的点乘来达到越往边缘约淡的效果。
Unity完整工程源码：请搜索微信公众号UnityAsk，或者加QQ群：891920228 获取

Unity3D Shader之光晕Glow相关推荐

【浅墨Unity3D Shader编程】之一夏威夷篇：游戏场景的创建第一个Shader的书写
本系列文章由@浅墨_毛星云出品,转载请注明出处. 文章链接: http://blog.csdn.net/poem_qianmo/article/details/40723789 作者:毛星云(浅墨) ...
【游戏渲染】【译】Unity3D Shader 新手教程(1/6)
http://gad.qq.com/article/detail/7175490 该文章来自用户转载点击阅读原文刚开始接触Unity3D Shader编程时,你会发现有关shader的文档相当散, ...
Unity3D Shader 新手教程(1/6)
刚开始接触Unity3D Shader编程时,你会发现有关shader的文档相当散,这也造成初学者对Unity3D Shader编程望而却步.该系列教程的第一篇文章(译者注:即本文,后续还有5篇文章) ...
【译】Unity3D Shader 新手教程(1/6)
刚开始接触Unity3D Shader编程时,你会发现有关shader的文档相当散,这也造成初学者对Unity3D Shader编程望而却步.该系列教程的第一篇文章(译者注:即本文,后续还有5篇文章) ...
【Unity3D Shader编程】之一夏威夷篇：游戏场景的创建第一个Shader的书写
本系列文章由@浅墨_毛星云出品,转载请注明出处. 文章链接: http://blog.csdn.net/poem_qianmo/article/details/40723789 作者:毛星云(浅墨) ...
【浅墨Unity3D Shader编程】之中的一个夏威夷篇：游戏场景的创建 amp; 第一个Shader的书写...
本系列文章由@浅墨_毛星云出品.转载请注明出处. 文章链接: http://blog.csdn.net/poem_qianmo/article/details/40723789 作者:毛星云(浅墨) ...
【Unity3D Shader编程】之一夏威夷篇游戏场景的创建第一个Shader的书写
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 本系列文 ...
【浅墨Unity3D Shader编程】之一夏威夷篇：游戏场景的创建第一个Shader的书写...
本系列文章由@浅墨_毛星云出品,转载请注明出处. 文章链接: http://blog.csdn.net/poem_qianmo/article/details/40723789 作者:毛星云(浅墨) ...
Unity3D Shader系列之全息投影
1 效果展示 2 实现原理全息投影其实是几个效果的叠加:①半透明效果②上下条纹的扫描效果③边缘光效果④模拟信号传输不稳定的顶点偏移效果. 咱们依次来看看这几个效果背后的原理. ①半透明效果在Uni ...

Unity3D Shader之光晕Glow

Unity3D Shader之光晕Glow相关推荐

最新文章

热门文章