首页 > 代码库 > Unity-Shader-镜面高光Phong&BlinnPhong-油腻的师姐在哪里

Unity-Shader-镜面高光Phong&BlinnPhong-油腻的师姐在哪里

【旧博客转移 - 2016年4月4日 13:13 

油腻的师姐:

以前玩过一款很火热的端游《剑灵》,剑灵刚出来的时候,某网页游戏广告视频中有句台词:“我不断的在寻找,有你的世界在哪里”,该广告中的人物,音效都模仿了剑灵,而《剑灵》中的人物模型表面看上去油光发亮,所以就被网友改成了:“我不断的洗澡,油腻的师姐在哪里”
像这样(皮肤表面的高光)
 
技术分享

 

这样
 
技术分享

 

 
还有~ 这样
技术分享
 
其实这是使用了镜面反射着色,除了剑灵,其他很多高品质的AAA级游戏也都使用了不同的镜面高光,来增强视觉冲击力和超现实感。
 

Phong高光类型

Phong光照模型是图形学中表现很友好的高光类型,是一种非常常见的镜面高光模型,从游戏到电影都有诸多应用
镜面反射跟漫反射的区别就是,漫反射的反射光是很分散的。镜面反射的反射光会集中在一起,
视线离反射光越近,射入我们眼中的光也就越多,反之则看不到反射光
技术分享
 
 

Phong光照计算公式

Spec = pow( max(0 ,cos<R, V>), gloss)
 
R:反射光向量
V:视线向量
gloss:镜面的光滑程度,gloss越大就表示越光滑
 

Phong光照模型的Shader实现

Shader "lijia/Phong"
{
    Properties
    {
        _MainTex ("Texture", 2D) = "white" {}
        _Specular("Specular", Range(1, 20)) = 1
        _SpecColor("SpecColor", Color) = (1,1,1,1)
    }
    SubShader
    {
        Tags { "RenderType"="Opaque" }
        LOD 100

        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

            #include "UnityCG.cginc"

            struct v2f
            {
                float2 uv : TEXCOORD0;
                float4 vertex : SV_POSITION;
                float3 normal : TEXCOORD1;
                float3 lightDir : TEXCOORD2;
                float4 objPos : TEXCOORD3;
            };

            sampler2D _MainTex;
            float4 _MainTex_ST;

            float4 _LightColor0;

            float _Specular;
            float4 _SpecColor;

            v2f vert (appdata_full v)
            {
                v2f o;
                o.objPos = v.vertex;
                o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
                o.uv = TRANSFORM_TEX(v.texcoord, _MainTex);
                o.normal = v.normal;
                o.lightDir = ObjSpaceLightDir(v.vertex);//把光向量从世界空间转成模型空间
                return o;
            }

            fixed4 frag (v2f i) : SV_Target
            {
                float3 L = normalize(i.lightDir);
                float3 N = normalize(i.normal);
                float3 viewDir = normalize(ObjSpaceViewDir(i.objPos));//计算出视线

                float diff = saturate(dot(L, N));
                float3 reflection = normalize(2.0 * N * diff - L);//反射向量
                float spec = pow(max(0, dot(reflection, viewDir)), _Specular);
                float3 finalSpec = _SpecColor.rgb * spec;
                //漫反射+镜面高光+环境光
                float3 finalLight = diff * _LightColor0 + finalSpec + UNITY_LIGHTMODEL_AMBIENT;

                fixed4 col = tex2D(_MainTex, i.uv);
                return col * float4(finalLight, 1);
            }
            ENDCG
        }
    }
}

计算反射向量

Phong用到的是反射向量,计算反射向量的公式是
R = 2*N(dot(N, L)) - L
这个公式是根据向量的投影公式以及平行四边形法则推导出来的
详细步骤请看这篇文章,讲的非常好
http://www.cnblogs.com/graphics/archive/2013/02/21/2920627.html
 

Blinn-phong光照模型

blinn是一个人的名字,他叫吉姆·布林,图形学界的大牛,他发现了使用半角向量代替反射向量的计算方式
原理是通过视线向量跟光向量的半角向量代替反射向量
halfVector = normalize( L + V );
这样提高了代码的计算效率,在视觉上也更加平滑,因此它成为了很多CG软件中默认的光照模型
Shadre代码跟Phong类似,我就不贴了
 

将Phone光照用到剑灵模型上的效果

技术分享  

技术分享

右边是Game视图中加了后期效果的  

参考资料:

《ShaderLab开发实战详解》

《Unity着色器和屏幕特效开发秘籍》

【浅墨Unity3D Shader编程】之十三 单色透明Shader & 标准镜面高光Shader  

Unity-Shader-镜面高光Phong&BlinnPhong-油腻的师姐在哪里