【GLSL教程】(六)逐顶点的光照

转载 2016年08月29日 11:31:46

本文转载自http://blog.csdn.net/racehorse/article/details/6658731


引言
在OpenGL中有三种类型的光:方向光(directional)、点光(point)、聚光(spotlight)。本教程将从方向光讲起,首先我们将使用GLSL来模仿OpenGL中的光。
我们将向shader中逐渐添加环境光、散射光和高光效果。


后面的教程中我们将使用逐像素光照以获得更好的效果。

接下来我们将实现逐像素的点光和聚光。这些内容与方向光很相近,大部分代码都是通用的。

在卡通着色的教程中我们接触过在GLSL中如何访问OpenGL状态中关于光源的部分,这些数据描述了每个光源的参数。
[cpp] view plain copy
  1. struct gl_LightSourceParameters  
  2. {  
  3.     vec4 ambient;  
  4.     vec4 diffuse;  
  5.     vec4 specular;  
  6.     vec4 position;  
  7.     vec4 halfVector;  
  8.     vec3 spotDirection;  
  9.     float spotExponent;  
  10.     float spotCutoff; // (range: [0.0,90.0], 180.0)  
  11.     float spotCosCutoff; // (range: [1.0,0.0],-1.0)  
  12.     float constantAttenuation;  
  13.     float linearAttenuation;  
  14.     float quadraticAttenuation;  
  15. };  
  16.   
  17. uniform gl_LightSourceParameters gl_LightSource[gl_MaxLights];  
  18. struct gl_LightModelParameters  
  19. {  
  20.     vec4 ambient;  
  21. };  
  22. uniform gl_LightModelParameters gl_LightModel;  
在GLSL中也同样可以访问材质参数:
[cpp] view plain copy
  1. struct gl_MaterialParameters  
  2. {  
  3.     vec4 emission;  
  4.     vec4 ambient;  
  5.     vec4 diffuse;  
  6.     vec4 specular;  
  7.     float shininess;  
  8. };  
  9.   
  10. uniform gl_MaterialParameters gl_FrontMaterial;  
  11. uniform gl_MaterialParameters gl_BackMaterial;  
在OpenGL程序中,这些参数中的大部分,不论属于光源还是材质,用起来都是相似的。我们将使用这些参数实现自己的方向光。

方向光I
本节的公式来自《OpenGL编程指南》中“和光照有关的数学知识”这一章。
我们从散射光开始讨论。在OpenGL中假定,不管观察者的角度如何,得到的散射光强度总是相同的。散射光的强度与光源中散射光成分以及材质中散射光反射系数相关,此外也和入射光角度与物体表面法线的夹角相关。

OpenGL用下面的公式计算散射光成分:

I是反射光的强度,Ld是光源的散射成分(gl_LightSource[0].diffuse),Md是材质的散射系数(gl_FrontMaterial.diffuse)。
这个公式就是Lambert漫反射模型。Lambert余弦定律描述了平面散射光的亮度,正比于平面法线与入射光线夹角的余弦,这一理论提出已经超过200年了。
在顶点shader中要实现这个公式,需要用到光源参数中的方向、散射成分强度,还要用到材质中的散射成分值。因此使用此shader时,在OpenGL中需要像在平时一样设置好光源。注意:由于没有使用固定功能流水线,所以不需要对光源调用glEnable。
要计算余弦值,首先要确保光线方向向量(gl_LightSource[0].position)与法线向量都是归一化的,然后就可以使用点积得到余弦值。注意:对方向光,OpenGL中保存的方向是从顶点指向光源,与上面图中画的相反。
OpenGL将光源的方向保存在视点空间坐标系内,因此我们需要把法线也变换到视点空间。完成这个变换可以用预先定义的一致变量gl_NormalMatrix。这个矩阵是模型视图变换矩阵的左上3×3子矩阵的逆矩阵的转置。
以下就是上述内容的顶点shader代码:
[cpp] view plain copy
  1. void main()  
  2. {  
  3.     vec3 normal, lightDir;  
  4.     vec4 diffuse;  
  5.     float NdotL;  
  6.   
  7.     /* first transform the normal into eye space and normalize the result */  
  8.     normal = normalize(gl_NormalMatrix * gl_Normal);  
  9.     /* now normalize the light's direction. Note that according to the 
  10.     OpenGL specification, the light is stored in eye space. Also since 
  11.     we're talking about a directional light, the position field is actually 
  12.     direction */  
  13.     lightDir = normalize(vec3(gl_LightSource[0].position));  
  14.     /* compute the cos of the angle between the normal and lights direction. 
  15.     The light is directional so the direction is constant for every vertex. 
  16.     Since these two are normalized the cosine is the dot product. We also 
  17.     need to clamp the result to the [0,1] range. */  
  18.     NdotL = max(dot(normal, lightDir), 0.0);  
  19.     /* Compute the diffuse term */  
  20.     diffuse = gl_FrontMaterial.diffuse * gl_LightSource[0].diffuse;  
  21.     gl_FrontColor =  NdotL * diffuse;  
  22.   
  23.     gl_Position = ftransform();  
  24. }  
在片断shader中要做的就是使用易变变量gl_Color设置颜色。
[cpp] view plain copy
  1. void main()  
  2. {  
  3.     gl_FragColor = gl_Color;  
  4. }  
下图显示了应用此shader的茶壶效果。注意茶壶的底部非常黑,这是因为还没有使用环境光的缘故。

加入环境光非常容易,只需要使用一个全局的环境光参数以及光源的环境光参数即可,公式如下所示:

前面的顶点shader中需要加入几条语句完成环境光的计算:
[cpp] view plain copy
  1. void main()  
  2. {  
  3.     vec3 normal, lightDir;  
  4.     vec4 diffuse, ambient, globalAmbient;  
  5.     float NdotL;  
  6.   
  7.     normal = normalize(gl_NormalMatrix * gl_Normal);  
  8.     lightDir = normalize(vec3(gl_LightSource[0].position));  
  9.     NdotL = max(dot(normal, lightDir), 0.0);  
  10.     diffuse = gl_FrontMaterial.diffuse * gl_LightSource[0].diffuse;  
  11.     /* Compute the ambient and globalAmbient terms */  
  12.     ambient = gl_FrontMaterial.ambient * gl_LightSource[0].ambient;  
  13.     globalAmbient = gl_FrontMaterial.ambient * gl_LightModel.ambient;  
  14.     gl_FrontColor =  NdotL * diffuse + globalAmbient + ambient;  
  15.   
  16.     gl_Position = ftransform();  
  17. }  
下图显示了最终效果。加入环境光后整个画面都变亮了,不过相对于应用了反射光效果的全局光照模型(global illumination model),这种计算环境光的方式只能算廉价的解决方案。


方向光II
下面介绍OpenGL方向光中的镜面反射部分。我们使用称为Blin-Phong模型的光照模型,这是Phong模型的简化版。在这之前,我们有必要先看看Phong模型,以便于更好地理解Blin-Phong模型。
在Phong模型中,镜面反射成分和反射光线与视线夹角的余弦相关,如下图:

L表示入射光,N表示法线,Eye表示从顶点指向观察点的视线,R是L经镜面反射后的结果,镜面反射成分与α角的余弦相关。
如果视线正好和反射光重合,我们将接收到最大的反射强度。当视线与反射光相分离时,反射强度将随之下降,下降速率可以由一个称为shininess的因子控制,shininess的值越大,下降速率越快。也就是说,shininess越大的话,镜面反射产生的亮点就越小。在OpenGL中这个值的范围是0到128。

计算反射光向量的公式:

OpenGL中使用Phong模型计算镜面反射成分的公式:

式中指数s就是shininess因子,Ls是光源中镜面反射强度,Ms是材质中的镜面反射系数。
Blinn提出了一种简化的模型,也就是Blinn-Phong模型。它基于半向量(half-vector),也就是方向处在观察向量以及光线向量之间的一个向量:

现在可以利用半向量和法线之间夹角的余弦来计算镜面反射成分。OpenGL所使用的Blinn-Phong模型计算镜面反射的公式如下:

这个方法与显卡的固定流水线中使用的方法相同。因为我们要模拟OpenGL中的方向光,所以在shader中也使用此公式。幸运的是:OpenGL会帮我们算半向量,我们只需要使用下面的代码:
[cpp] view plain copy
  1. /* compute the specular term if NdotL is  larger than zero */  
  2. if (NdotL > 0.0)  
  3. {  
  4.     // normalize the half-vector, and then compute the  
  5.     // cosine (dot product) with the normal  
  6.     NdotHV = max(dot(normal, gl_LightSource[0].halfVector.xyz),0.0);  
  7.     specular = gl_FrontMaterial.specular * gl_LightSource[0].specular *  
  8.             pow(NdotHV,gl_FrontMaterial.shininess);  
  9. }  
完整的Shader Designer工程下载:
http://lighthouse3d.com/wptest/wp-content/uploads/2011/03/ogldirsd.zip

相关文章推荐

【GLSL教程】(六)逐顶点的光照

引言 在OpenGL中有三种类型的光:方向光(directional)、点光(point)、聚光(spotlight)。本教程将从方向光讲起,首先我们将使用GLSL来模仿OpenGL中的光。 我们...

【GLSL教程】(六)逐顶点的光照

引言 在OpenGL中有三种类型的光:方向光(directional)、点光(point)、聚光(spotlight)。本教程将从方向光讲起,首先我们将使用GLSL来模仿OpenGL中的光。 我们...

【GLSL教程】(六)逐顶点的光照

from:http://blog.csdn.net/racehorse/article/details/6658731 引言 在OpenGL中有三种类型的光:方向光(directional)、点光...

【GLSL教程】(六)逐顶点的光照

引言 在OpenGL中有三种类型的光:方向光(directional)、点光(point)、聚光(spotlight)。本教程将从方向光讲起,首先我们将使用GLSL来模仿OpenGL中的光。 我们...

GLSL 逐顶点的光照

引言 在OpenGL中有三种类型的光:方向光(directional)、点光(point)、聚光(spotlight)。本教程将从方向光讲起,首先我们将使用GLSL来模仿OpenGL中的光。 ...
  • hgl868
  • hgl868
  • 2012-08-16 11:04
  • 2173

【GLSL教程】(七)逐像素的光照

逐像素的方向光(Directional Light per Pixel) 这一节将把前面的shader代码改为逐像素计算的方向光。我们需要将工作按照两个shader拆分,以确定哪些是需要逐像素操作的...

【GLSL教程】(七)逐像素的光照

逐像素的方向光(Directional Light per Pixel) 这一节将把前面的shader代码改为逐像素计算的方向光。我们需要将工作按照两个shader拆分,以确定哪些是需要逐像素操作的...

GLSL 逐像素的光照

逐像素的方向光(Directional Light per Pixel) 这一节将把前面的shader代码改为逐像素计算的方向光。我们需要将工作按照两个shader拆分,以确定哪些是需要逐像素操作的...
  • hgl868
  • hgl868
  • 2012-08-16 11:12
  • 2613

逐顶点的光照

引言 在OpenGL中有三种类型的光:方向光(directional)、点光(point)、聚光(spotlight)。本教程将从方向光讲起,首先我们将使用GLSL来模仿OpenGL中的光。 我们...

34 WebGL物体的点光源的效果(逐顶点处理光源光照效果)

前面我们学习了平行光源,环境光源,今天我们一起学习一下点光源下的物体的效果 上面的效果就是通过点光源生成的阴影效果 <meta name="viewport" ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)