【旧博客转移 - 2016年1月3日 16:40 】
最近学习了一些Shader效果,打算把学到的知识总结一下,这篇讲一下这种轮廓发光的效果(如下图所示),也有一些地方管这个叫X光
![](https://i-blog.csdnimg.cn/blog_migrate/bd55d1afa7d649fa7aee4add2ae2c317.png)
![](https://i-blog.csdnimg.cn/blog_migrate/87e4895bff9ae1f643c90d3c325a9e41.png)
1.原理
可以看到图上的蓝色人物,边缘颜色比较深,而中间的比较浅,这是利用法线跟视线向量的点乘值计算出颜色浓度来实现的
2.代码
Shader "lijia/Xray" { Properties { _RimColor("RimColor", Color) = (0, 0, 1, 1) _RimIntensity("Intensity", Range(0, 2)) = 1 } SubShader { Tags {"Queue"="Transparent" "RenderType"="Opaque" } LOD 200 Pass { Blend SrcAlpha One//打开混合模式 ZWrite off Lighting off CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float3 normal:Normal; }; struct v2f { float4 pos : SV_POSITION; fixed4 color:COLOR; }; fixed4 _RimColor; float _RimIntensity; v2f vert (appdata v) { v2f o; o.pos = mul(UNITY_MATRIX_MVP, v.vertex); float3 viewDir = normalize(ObjSpaceViewDir(v.vertex));//计算出顶点到相机的向量 float val = 1 - saturate(dot(v.normal, viewDir));//计算点乘值 o.color = _RimColor * val * (1 + _RimIntensity);//计算强度 return o; } fixed4 frag (v2f i) : COLOR { return i.color; } ENDCG } } }
float3 viewDir = normalize(ObjSpaceViewDir(v.vertex));//计算出顶点到相机的向量
这一句是调用了UnityCG.cginc库中的ObjSpaceViewDir方法,获得viewDir
inline float3 ObjSpaceViewDir( in float4 v ) { float3 objSpaceCameraPos = mul(_World2Object, float4(_WorldSpaceCameraPos.xyz, 1)).xyz; return objSpaceCameraPos - v.xyz; }
翻看UnityCG中ObjSpaceViewDir方法的源码,发现它是拿到_WorldSpaceCameraPos(世界坐标相机的位置),左乘World2Object矩阵,转成模型坐标系
最后objSpaceCameraPos - v.xyz (向量相减),得到viewDir向量
viewDir跟normal的点乘值,就表示两个向量的夹角大小
- 夹角 < 90°时,点乘>0
- 夹角 = 90°时,点乘=0
- 夹角 > 90°时,点乘<0
边缘的顶点,点乘值接近90度,也就是值接近0,所以这里用1减去点乘值( saturate函数:返回0-1之间的数 )
float val = 1 - saturate(dot(v.normal, viewDir)); 计算出颜色强度后,把颜色传给fragment着色器去输出渲染,就可以看到效果了