OpenGL ES 光照模型之——漫反射光（RenderMonkey测试，地球日出效果）

时间：2022-12-29 17:27:56

概述及目录（版权所有，请勿转载 http://www.cnblogs.com/feng-sc）

　　本文在上一篇（OpenGL ES 光照模型之——环境光照（RenderMonkey测试））环境光基础上，增加漫反射光照。我们主要使用漫反射光模拟太阳光，实现如下两种效果：

　　　　1、地球自传，太阳光固定的日出效果；

　　　　2、地球静止，太阳光围绕地球旋转的效果。

　　本文主要包括如下方面内容：

　　　　1、漫反射光模型简介；

　　　　2、地球自转日出效果Shader实现；

　　　　3、地球静止，太阳光围绕地球旋转Shader实现。

漫反射光照模型简介

　　漫反射光的定义网上有各种说法，在此就不描述了，下面通过两个图形来表示：

　　OpenGL ES 光照模型之——漫反射光（RenderMonkey测试，地球日出效果）

　（平行光）

OpenGL ES 光照模型之——漫反射光（RenderMonkey测试，地球日出效果）

（“散”射光）

　　如上两个图中，有人把第一个图的平行光当做漫反射光，也有人把第二个图的模型当做慢反射光。是的，如果第二个图中光远点T无限远，那么两个光照模型的效果其实是一样的，但模型2更像是没有衰减系数的点光源。

　　模型公式如下：

　    OpenGL ES 光照模型之——漫反射光（RenderMonkey测试，地球日出效果）

　　其中：

　　   IDifuse为漫反射光照强度；

　　   Id为光源颜色；

　　   Kd可以理解为漫反射光照输入强度；

　　   cosθ为光线与发现的夹角；

　　我们下面通过介绍的是使用第一种模型实现的效果。

地球自转日出效果Shader实现

　　本段内容我们先来看下利用RenderMonkey实现的OpenGL ES Shader日出模型的最终效果图，如下图所示：

OpenGL ES 光照模型之——漫反射光（RenderMonkey测试，地球日出效果）

（日出模型效果图）

　　OK，我们现在来具体看看如何使用RenderMonkey实现如上的效果。

　　我们在上一篇（OpenGL ES 光照模型之——环境光照（RenderMonkey测试））的基础上，在RenderMonkey工程中加入三个变量：gDiffStrength、time和angles。具体操作如下：

　　

OpenGL ES 光照模型之——漫反射光（RenderMonkey测试，地球日出效果）

　　其中：

　　gDiffStrength为模型公式中的Kd，是一个float类型的数据；

　　time和angles均为RenderMonkey与设置的float类型数据，且数据会在每一帧中会随时间从0至2π变化。

　　GPU的Vertex Shader代码实现如下：

//漫反射光照模型vertex shader示例代码 1.0 http://www.cnblogs.com/feng-sc/

uniform   mat4 matViewProjection;

attribute vec4 rm_Vertex;

attribute vec2 rm_TexCoord0;

attribute vec3 rm_Normal; //法线输入

varying   vec2 rm_Texcoord;

varying   vec3 fNormal;

uniform  float angles;

mat4 rotate(mat4 matrix, float a,vec3 v ) //矩阵旋转函数shader实现

{

   float c = cos(a);

   float s = sin(a);

   vec3 axis = normalize(v);

   vec3 temp = (1.0 - c) * axis;

   matrix[][]   =   c + temp[] * axis[];

   matrix[][]   =   temp[] * axis[] + s * axis[];

   matrix[][]   =    temp[] * axis[] - s * axis[];

   matrix[][]   =   0.0;

   matrix[][]   =    temp[] * axis[] - s * axis[];

   matrix[][]   =   c + temp[] * axis[];

   matrix[][]   =  temp[] * axis[] + s * axis[];

   matrix[][]   =   0.0;

   matrix[][]   =   temp[] * axis[] + s * axis[];

   matrix[][]   =   temp[] * axis[] - s * axis[];

   matrix[][]   =   c + temp[] * axis[];

   matrix[][]   =   0.0;

   matrix[][]   =   0.0;

   matrix[][]   =   0.0;

   matrix[][]   =   0.0;

   matrix[][]   =   1.0;

   return  matrix;

}

void main( void )

{

    mat4 maxtrixWorld = mat4(1.0);

    maxtrixWorld = rotate(maxtrixWorld,angles * 10.0 ,vec3(0.0,1.0,0.0)); //定义模型矩阵，并使其围绕y轴旋转

    gl_Position = (matViewProjection * maxtrixWorld * rm_Vertex);

    rm_Texcoord    = rm_TexCoord0.xy;

    fNormal = (maxtrixWorld * vec4(rm_Normal,1.0)).xyz; //法线输出，必须与定点一样，经过模型矩阵变化

}

　　GPU的Fragment Shader实现代码如下：

//漫反射光照模型fragment shader示例代码 1.0 http://www.cnblogs.com/feng-sc/

#ifdef GL_FRAGMENT_PRECISION_HIGH

   // Default precision

   precision highp float;

#else

   precision mediump float;

#endif

uniform sampler2D baseMap;

uniform vec4 gAnbientColor;

uniform float gAmbientStrength;

uniform float gDiffStrength;

uniform float time;

varying vec2 rm_Texcoord;

varying vec3 fNormal;

vec4 AmbientColor() //计算环境光

{

   return gAnbientColor * gAmbientStrength;

}

vec4 DiffuseColor() //计算漫反射光

{

   //float diffFactor = max(dot(normalize(fNormal),normalize(vec3(sin(time * 10.0),0.0,cos(time * 10.0))) - vec3(0,0,0)),0.0);

   float diffFactor = max(dot(normalize(fNormal),vec3(0.0,0.0,1.0)),0.0); //定义光照方向为vec3(0.0,0.0,1.0)，与法线求点积

   return gAnbientColor * diffFactor * gDiffStrength;

}

void main( void )

{

   vec4 color = texture2D(baseMap,rm_Texcoord);

   vec4 ambientcolor = AmbientColor();

   vec4 diffusecolor = DiffuseColor();

   gl_FragColor = color * (ambientcolor + diffusecolor); //最后输出颜色为环境光颜色和漫反射光颜色相加，在与文理颜色做乘法混合

}

　　编译如上两段shader代码后，RenderMonkey场景中最终可以得到我们刚开始是的显示效果图。

地球静止，太阳光围绕地球旋转Shader实现

　　同样，本段内容我们先来看下利用RenderMonkey实现的OpenGL ES Shader太阳围绕地球旋转的效果图：

OpenGL ES 光照模型之——漫反射光（RenderMonkey测试，地球日出效果）

（太阳围绕地球旋转的效果图）

　　GPU的Vertex Shader实现代码如下，与上一段落 （地球自转日出效果Shader实现）的Vertex Shader区别在于屏蔽掉了如下第8行地球自转的代码：

 //漫反射光照模型，太阳围绕地球转 vertex shader示例代码 1.0 http://www.cnblogs.com/feng-sc/

 ……

 ……

 ……

 void main( void )

 {

     mat4 maxtrixWorld = mat4(1.0);

    // maxtrixWorld = rotate(maxtrixWorld,angles * 10.0 ,vec3(0.0,1.0,0.0)); //定义模型矩阵，并使其围绕y轴旋转

     gl_Position = (matViewProjection * maxtrixWorld * rm_Vertex);

     rm_Texcoord    = rm_TexCoord0.xy;

     fNormal = (maxtrixWorld * vec4(rm_Normal,1.0)).xyz; //法线输出，必须与定点一样，经过模型矩阵变化

 }

　　GPU的Fragment Shader实现代码如下，与上一段落 （地球自转日出效果Shader实现）的Fragment Shader区别在于屏蔽掉了如下第8行漫反射光照代码，而增加第7行。

　　第7行中的vec3(sin(time * 10.0),0.0,cos(time * 10.0))，根据time计算光源方向，time的变化范围为0至2π，因此，让光源方向围绕xz平面旋转，得：

　　x = sin(time)

　　y = 0

　　z = cos(time)

　　注：代码中的time*10中10没有特别意义，只是让光源方向移动得更快。

 //漫反射光照模型，太阳围绕地球转 fragment shader示例代码 1.0 http://www.cnblogs.com/feng-sc/

 ……

 ……

 ……

 vec4 DiffuseColor() //计算漫反射光

 {

    float diffFactor = max(dot(normalize(fNormal),normalize(vec3(sin(time * 10.0),0.0,cos(time * 10.0))) - vec3(,,)),0.0);

    //float diffFactor = max(dot(normalize(fNormal),vec3(0.0,0.0,1.0)),0.0); //定义光照方向为vec3(0.0,0.0,1.0)，与法线求点积

    return gAnbientColor * diffFactor * gDiffStrength;

 }

 ……

 ……

 …… 

相关文章