转自http://www.itnose.net/detail/6117378.html

讨论完漫反射之后,接下来肯定就是镜面反射了

在开始镜面反射shader的coding之前,要扩充一下前面提到的知识,加深理解镜面反射与漫反射的区别。

引用一下一位前人博文中的一些基础概念,特别是关于冯氏反射模型的:

平行光(directional light) 一种是从特定方向射入并只会照亮面对入射方向的物体,我们称之为平行光(directional light)。

环境光(ambient light) 另一种光是来自所有方向并且会照亮所有物体,不管这些物体的朝向如何,我们称之为环境光(ambient light)。当然在真实世界里,这只是平行光照到其他物体上,比如空气、灰尘等等,然后反射出来的散射而已。但是在这里,我们需要把它单独作为一个光照模型列出来。

漫反射(Diffuse)

无论光的入射角度如何,都会向所有方向发生反射。反射光的亮度只和光线的入射角度有关,与观察角度无关。光线越平行于物体表面,则反射光越弱,表面越暗;光线越垂直于表面,反射光越强,表面越亮。漫反射是我们通常想到一个物体受到光照时需要首先想到的。

镜面反射(Specular)

这就像镜子一样,反射光将按照和入射角相同的角度反射出来。这种情况下,你看到的物体反射出来的光的亮度,取决于你的眼睛和光反射的方向是否在同一直线上;也就是说,反射光的亮度不仅与光线的入射角有关,还与你的视线和物体表面之间的角度有关。镜面反射通常会造成物体表面上的“闪烁”和“高光”现象,镜面反射的强度也与物体的材质有关,无光泽的木材很少会有镜面反射发生,而高光泽的金属则会有大量镜面反射。

P.S.:可以看出除了环境光是我们计算机图形学中抽象出来的虚拟现象,其他3种现象都是真实存在的

冯氏反射模型(Phong Rlection Model)

冯氏反射模型引申了这个四步走的光照系统,首先所有的光线都有以下两个属性:

发生漫反射光的RBG值。 
    发生镜面反射光的RGB值。

其次所有材质都有以下四个属性

反射的环境光RGB值 
    反射的漫反射光RGB值 
    反射的镜面反射光RGB值 
    物体的反光度,它决定了镜面反射的细节

每条光线我们都需要知道两个属性,每个物体表面上的点都需要4个属性

 
所以在我们讨论镜面反射光的时候要明白镜面反射光的渲染效果跟观察者的观察角度已经有了直接联系。
在Unity中,环境光可以在菜单Edit > Render Settings中开启,而untiy中的Cg函数已经提前内置了环境光uniform参数UNITY_LIGHTMODEL_AMBIENT
 

镜面反射与观察视角的联系系列6中我已经说明了材料表面的平整程度决定了镜面反射的明显与否,现实生活中找不到绝对平的物体表面,所以我们引入一个概念,每一种材料的表面的平整程度为Nshininess, n越大越平整,越小越粗糙,理想状态下n无穷大的时候是绝对的镜面反射,也就是前面引用的文字中所说的你想看到光源,则必须从光线的反射角完全重合去看。

 
结合上图,也就是说我们的材料表面越平整,系数n趋近于无穷大的时候,想要看到光源,则必须从射线R所在的方向去看。
当材料表面的粗糙程度更大时,即使我们在R附近,也能看到部分光源。
现实世界中的材料往往是这样的,也就是从R附近的观察这个物体时,都能看到光源的影像,至于这个附近的范围有多大,取决于材料的平整程度。
反射向量R与法向量N和入射向量L的数学关系为:
 
R=2N(N·L)-L (ps:N与L是点乘关系)
 
在Unity中,Cg内置了2个函数来计算这个关系:
float3 reflect(float3 I, float3 N) 
float4 reflect(float4 I, float4 N) 
其中I即为入射向量
 
前面废话了一大堆,这里终于可以说出我想说的了:
观察向量V越接近R,则镜面反射越明显;
观察向量V越远离R,镜面反射越不明显;
原因就在于世界上没有绝对平整的材料。
所以我们终于以数学公式给出冯氏反射模型:
 
其中I specular即为镜面反射的强度,I incoming为入射光线的颜色向量 k specular为材料的镜面反射光颜色,通常是白色的
 
至于max(0,R·V)又于系列中的漫反射同理,当R与V的夹角超过90°的时候余弦值为负数,物理意义为观察者从物体的内表面去看外表面了,所以我们还是与0取最大值再去做n次方
可见这个数学公式中镜面反射的强度与反射向量和观察向量的夹角呈指数关系
 
 

编写Shader

 
 
前面已经提到Cg中已经为我们提供了环境光参数,所以我们只需要将这个参数与光源的颜色向量做矢量相乘得到环境光的颜色向量:
float3 ambientLighting = float3(UNITY_LIGHTMODEL_AMBIENT) * float3(_Color);
 

漫反射光 diffuseReflection 上文中已经计算好。

接下来我们要计算V,没有V的话我们的shader就无法由观察者的视角不同产生镜面反射的效果变化:
 
观察向量的单位向量计算过程为 MainCamer在世界坐标系中的3维坐标(由内置uniform参数_WorldSpaceCameraPos)与 顶点的世界坐标系中的坐标做矢量相减,最后单位化。
step1:将顶点坐标从对象坐标系变换至世界坐标系:
 
float 4 vertexPos=mul(_Object2World,input.vertex);
 
step2:将两个坐标矢量相减(ps,_Object2World是4X4矩阵,所以变换后的顶点坐标是4维的,mianCamera的坐标需要补充一维,减完后再去掉无意义的那一维)
 
float4 direction=float4(_WorldCameraPos,1.0)-vertexPos;
 
stpe3:减去无意义的第四维,然后单位长度化:
 
float3 viewDirection=normalize(float3(direction));
 
然后是入射向量L与法向量N:
//平行光源传递过来的_WorldSpaceLightPos0参数是直接就是方向,而点光源传递过来的是位置,关于点光源我们后面再深入
 
float3 lightDirection=normalize(float3(_WorldSpaceLightPos0));
 
//将法向量变换至对象坐标系得到N
 
float3 normalDirection=normalize(float3(mul(float4(input.normal, 0.0), _World2Object)));
 
 
至此我们计算好了观察向量V,入射向量L,法向量N,根据上面的公式I=I*k*max(0,R·V)^n,R由内置函数reflect(-L,N)计算出,我们可以计算镜面反射强度了(指数n _Shininess我们通过shader的property定义,以便在inspector中调节不同材料的光泽程度,同理还有镜面反射光颜色_SpecColor):
 
float3 specularReflection=float3(_LightColor0)*float3(_SpecColor)*pow(max(0.0,dot(reflect(-lightDirection, normalDirection),viewDirection)),_Shininess);
 
有了环境光、漫反射光、镜面反射光3个颜色向量之后,根据冯氏镜面反射模型进行相加得到接近真实的物体表面反射效果颜色:
//alpha还是设置为1不透明度
output.col = float4(ambientLighting + diffuseReflection+ specularReflection, 1.0); 
 
最终代码为:
 
Shader "Custom/CustomSpecular" {
Properties {
_Color ("Diffuse Material Color", Color) = (,,,)
_SpecColor ("Specular Material Color", Color) = (,,,)
//材料表面的光泽程度,根据前文所述,此参数无穷大时,材料完全不会产生镜面反射
_Shininess ("Shininess", Float) =
}
SubShader {
Pass{
Tags { "LightMode" = "ForwardBase" } CGPROGRAM //定义顶点着色器与片段着色器入口
#pragma vertex vert
#pragma fragment frag
//获取property中定义的材料颜色
uniform float4 _Color;
uniform float4 _SpecColor;
uniform float _Shininess; // 光源的位置或者方向
//uniform float4 _WorldSpaceLightPos0; // 光源的颜色 (from "Lighting.cginc")
uniform float4 _LightColor0; //定义顶点着色器的输入参数结构体
//我们只需要每个顶点的位置与对应的法向量
struct vertexInput {
float4 vertex : POSITION;
float3 normal : NORMAL;
};
//定义顶点着色的输出结构体/片段着色的输入结构体
//已经计算好的颜色
struct vertexOutput {
float4 pos : SV_POSITION;
float4 col : COLOR;
}; //顶点着色器
vertexOutput vert (vertexInput input) {
vertexOutput output;
//对象坐标系到世界坐标系的变换矩阵
//_Object2World与_World2Object均为unity提供的内置uniform参数
float4x4 modelMatrix = _Object2World;
//世界坐标系到对象坐标系的变换矩阵
float4x4 modelMatrixInverse = _World2Object; //法向量N变化至对象坐标系
float3 normalDirection = normalize(float3(mul(float4(input.normal, 0.0), modelMatrixInverse))); //平行光源的入射向量L直接由uniform_WorldSpaceLightPos0给出
float3 lightDirection =normalize(float3(_WorldSpaceLightPos0)); //观察向量V由摄像机坐标与顶点坐标矢量相减
float3 viewDirection = normalize(float3(float4(_WorldSpaceCameraPos, 1.0)
- mul(modelMatrix, input.vertex))); //镜面反射光的计算
float3 specularReflection=float3(_LightColor0)*float3(_SpecColor)*pow(max(0.0,dot(reflect(-lightDirection, normalDirection),viewDirection)),_Shininess); //前文计算好的漫反射光
float3 diffuseReflection=float3(_LightColor0) * float3(_Color)* max(0.0, dot(normalDirection, lightDirection)); //环境光直接获取
float3 ambientLighting = float3(UNITY_LIGHTMODEL_AMBIENT) * float3(_Color); //根据冯氏反射模型将上述3个RGB颜色向量相加,然后补充A: output.col = float4(ambientLighting + diffuseReflection+ specularReflection, 1.0);
//国际惯例,顶点变化三步曲
output.pos = mul(UNITY_MATRIX_MVP, input.vertex); return output;
} //片段着色器,老规矩,把顶点着色器的输出参数作为片段着色器的输入参数
float4 frag(vertexOutput input): COLOR
{
return input.col; } ENDCG
}
}
FallBack "Diffuse"
}
 

用新的shader再创建一个材质球,再创建一个球体,与之前的2个球体进行比较。(本例的shader还是只有一个ForwardBase的单光源Shader,但是相信看到这里您应该会把这个例子也做成多光源了)

 
 
 
 
 
 
 
 
 
 
可见我们的新shader 会根据观察者的视角表面的颜色随之变化了

解读Unity中的CG编写Shader系列八(镜面反射)的更多相关文章

  1. [转]解读Unity中的CG编写Shader系列9——镜面反射

    讨论完漫反射之后,接下来肯定就是镜面反射了在开始镜面反射shader的coding之前,要扩充一下前面提到的知识,加深理解镜面反射与漫反射的区别.注:这篇文章实现的镜面反射是逐顶点着色(per-ver ...

  2. 解读Unity中的CG编写Shader系列八(多光源漫反射)

    转自http://www.itnose.net/detail/6117338.html 前文中完成最简单的漫反射shader只是单个光源下的漫反射,而往往场景中不仅仅只有一个光源,那么多个光源的情况下 ...

  3. [转]解读Unity中的CG编写Shader系列7——漫反射

    如果前面几个系列文章的内容过于冗长缺乏趣味着实见谅,由于时间原因前面的混合部分还没有写完,等以后再补充,现在开始关于反射的内容了.折射与反射在物理世界中,光的反射与折射往往是同时存在的,光源由真空或者 ...

  4. 解读Unity中的CG编写Shader系列七(不透明度与混合)

    转自http://www.itnose.net/detail/6098539.html 1.不透明度 当我们要将两个半透的纹理贴图到一个材质球上的时候就遇到混合的问题,由于前面的知识我们已经知道了片段 ...

  5. 解读Unity中的CG编写Shader系列三

    转自http://www.itnose.net/detail/6096068.html 在上一个例子中,我们得到了由mesh组件传递的信息经过数学转换至合适的颜色区间以颜色的形式着色到物体上.这篇文章 ...

  6. [转]解读Unity中的CG编写Shader系列6——不透明度与混合

    1.不透明度当我们要将两个半透的纹理贴图到一个材质球上的时候就遇到混合的问题,由于前面的知识我们已经知道了片段着色器以及后面的环节的主要工作是输出颜色与深度到帧缓存中,所以两个纹理在每个像素上的颜色到 ...

  7. [转]解读Unity中的CG编写Shader系列3——表面剔除与剪裁模式

    在上一个例子中,我们得到了由mesh组件传递的信息经过数学转换至合适的颜色区间以颜色的形式着色到物体上.这篇文章将要在此基础上研究片段的擦除(discarding fragments)和前面剪裁.后面 ...

  8. 解读Unity中的CG编写Shader系列3——表面剔除与剪裁模式

    在上一个样例中,我们得到了由mesh组件传递的信息经过数学转换至合适的颜色区间以颜色的形式着色到物体上. 这篇文章将要在此基础上研究片段的擦除(discarding fragments)和前面剪裁.后 ...

  9. 解读Unity中的CG编写Shader系列十 (光滑的镜面反射(冯氏着色))

    前文完成了最基本的镜面反射着色器,单平行光源下的逐顶点着色(per-vertex lighting),又称为古罗着色(Gouraud shading).这篇文章作为后续讨论更光滑的镜面反射方式,逐像素 ...

随机推荐

  1. Redis for .NET 系列之实现分页需求

    代码笔记: var tableName = "Table1"; redisClient.AddItemToSortedSet(tableName, ); redisClient.A ...

  2. gtest

    一.安装配置 1.简介 2.安装 下载地址: https://code.google.com/p/googletest/downloads/list 解压安装: unzip gtest-1.7.0.z ...

  3. freemarker初级教程(一)

    序,freemarker是一个模板引擎 一.好处 MVC分离 易于扩展 分离可视化设计和应用程序逻辑 分离页面设计员和程序员. 处理XML和HTML都可以,可以从文本文件读取 二.

  4. TTFB-首字节时间简介

    百度站长工具里看到有一个"首字节时间"的建议,第一次听说,还真不知道是什么东东.百度站长工具里面的解释是:"浏览器开始收到服务器响应数据的时间=后台处理时间+重定向时间, ...

  5. Android在TextView中实现RichText风格

    参考: Android实战技巧:用TextView实现Rich Text---在同一个TextView中设置不同的字体风格 Demo: private SpannableStringBuilder c ...

  6. C++之map、list操作

    #include <iostream> #include "map_struct.h" #include <map> using namespace std ...

  7. ubuntu下修改apache2.4的rewrite

    sudo a2enmod rewrite 修改/etc/apache2/apache2.conf中 AllowOverride None 为 AllowOverride ALL 重启 service ...

  8. [Android分享] 【转帖】Android ListView的A-Z字母排序和过滤搜索功能

      感谢eoe社区的分享   最近看关于Android实现ListView的功能问题,一直都是小伙伴们关心探讨的Android开发问题之一,今天看到有关ListView实现A-Z字母排序和过滤搜索功能 ...

  9. Android学习笔记(二)——探究一个活动

    //此系列博文是<第一行Android代码>的学习笔记,如有错漏,欢迎指正! 活动(Activity)是最容易吸引到用户的地方了,它是一种可以包含用户界面的组件,主要用于和用户进行交互.一 ...

  10. 两款基于Jquery的图表插件

    一.EasyPieChart 页面加载时,运行initPieChart()函数,调用easyPieChart()函数,显示出图表. 代码: var initPieChart = function() ...