本节我们在上一节的基础上继续添加光照,我们要分析的目标就是《OpenGL ES应用开发实践指南 Android卷》书中第13章实现的最终的结果,代码下载请点击:Opengl ES Source Code,该Git库中的lighting Module就是我们本节要分析的目标,先看下本节最终实现的结果。
在上一节的基础上,把天空盒换成了一个夜晚的天空盒,同时增加了光照,三个粒子发射器也增加了点光源,可以看到他们发射点的颜色非常亮。在开始分析代码之前,涉及到光照的几个知识点我们需要先搞清楚,否则后边分析代码时会非常困惑。
1、用朗伯体反射实现方向光
要实现漫反射,我们可以使用朗伯体反射。朗伯体反射描述了这样一个表面,它会反射所有方向上打到它的光线,以使它在任何观察点上看起来都是一样的,它的外观只依赖于它与光源所处的方位及其距离。我们在代码中要实现朗伯体反射,需要先计算出表面和光线之间夹角的余弦值,而要计算余弦值只需要计算指向光源的向量与表面法线的点积,它的工作原理是,当两个向量都是归一化的向量时,那两个向量的点积就是它们之间夹角的余弦值,这也正是朗伯体反射所需要的。来看一段代码实现,在当前lighting Module当中,它的高度图顶点着色器heightmap_vertex_shader.glsl中,定义了getDirectionalLighting方法,源码如下:
vec3 getDirectionalLighting()
{
return materialColor * 0.3
* max(dot(eyeSpaceNormal, u_VectorToLight), 0.0);
}
materialColor表示材质光,eyeSpaceNormal表示法线向量,u_VectorToLight表示方向光源,内建函数dot的作用是计算两个向量的点积,点积的结果也就是它们的余弦值,再和materialColor相乘得到的结果就是当前平面的朗伯体反射,乘以0.3只是为了调低光强度,结合这段代码,大家应该就可以明白我们如何使用朗伯体反射了。
2、理解点光和方向光
这点在我们Opengl ES系列学习--序小节的第五个问题点已经描述了,如果还有疑问,请回头搞清楚。
3、使用点光源
1)我们将位置和法线放入眼空间,在这个空间里,所有的位置和法线都是相对于照相机的位置和方位,这样做是为了使我们可以在同一个坐标空间中比较所有事物的距离和方位。我们为什么使用眼空间而不是世界空间呢?因为镜面光也依赖于照相机的位置,即使我们在本章中没有使用镜面光,学习如何使用眼空间也是一个好主意,这样我们在以后就可以直接使用它了。
2)要把一个位置放进眼空间中,我们只需要让它与模型矩阵相乘,把它放入世界空间中;我们再把它与视图矩阵相乘,这样就把它入入眼空间中了。为了简化操作,我们可以把视力矩阵与模型矩阵相乘得到一个单一的矩阵,称为模型视图矩阵,再用这个矩阵把我们的位置放入眼空间中。
3)如果模型视图矩阵只包含平稳和旋转,这对法线也是有用的,但是,如果我们缩放了一个物体,那会怎么样?如果缩放在所有方向上都是一样的,我们只需要重新归一化法线,使它的长度保持为1,但是如果某个方向上被压扁了,那我们必须要补偿那一方向。要达到这个目的,我们可以把倒置模型视图矩阵,然后再转置这个倒置的矩阵,让法线与该矩阵相乘,最后归一化结果。这块涉及到很多矩阵运算等高等数学的知识,自己也没搞清楚,暂时就知道这样使用就行了。
第三点使用点光源的文字全部是从书上原本的抄过来的,从这里大家可以感觉到,要熟练或者精通使用Opengl ES,不光要懂得这些最基本的API,还必须懂得一些高等数学、物理学上的东西,我们才能明白,要实现一个结果,到底要用什么样的原理来实现,否则想不通这些,我们根本不知道代码该怎么写,我自己对这些原理性的东西也是一头雾水。
讲了几个概念,接下来我们来看代码实现,还是和以前一样,关注点放在差异的部分,本节的目录结构如下:
看一下本节的顶点着色器,代码比之前多了很多,后续我们要自己实现一些复杂的功能,都要往这个方向发展。控制更多的逻辑肯定是需要更多的代码了。我们逐个分析每个包下所有文件的不同。
data包下完全相同,跳过;objects包下的Heightmap类和之前有差异,我们再次来分析一下,修改后的源码如下:
public class Heightmap {
private static final int POSITION_COMPONENT_COUNT = 3;
private static final int NORMAL_COMPONENT_COUNT = 3;
private static final int TOTAL_COMPONENT_COUNT =
POSITION_COMPONENT_COUNT + NORMAL_COMPONENT_COUNT;
private static final int STRIDE =
(POSITION_COMPONENT_COUNT + NORMAL_COMPONENT_COUNT) * BYTES_PER_FLOAT;
private final int width;
private final int height;
private final int numElements;
private final VertexBuffer vertexBuffer;
private final IndexBuffer indexBuffer;
public Heightmap(Bitmap bitmap) {
width = bitmap.getWidth();
height = bitmap.getHeight();
if (width * height > 65536) {
throw new RuntimeException("Heightmap is too large for the index buffer.");
}
numElements = calculateNumElements();
vertexBuffer = new VertexBuffer(loadBitmapData(bitmap));
indexBuffer = new IndexBuffer(createIndexData());
}
/**
* Copy the heightmap data into a vertex buffer object.
*/
private float[] loadBitmapData(Bitmap bitmap) {
final int[] pixels = new int[width * height];
bitmap.getPixels(pixels, 0, width, 0, 0, width, height);
bitmap.recycle();
final float[] heightmapVertices =
new float[width * height * TOTAL_COMPONENT_COUNT];
int offset = 0;
for (int row = 0; row < height; row++) {
for (int col = 0; col < width; col++) {
// The heightmap will lie flat on the XZ plane and centered
// around (0, 0), with the bitmap width mapped to X and the
// bitmap height mapped to Z, and Y representing the height. We
// assume the heightmap is grayscale, and use the value of the
// red color to determine the height.
final Point point = getPoint(pixels, row, col);
heightmapVertices[offset++] = point.x;
heightmapVertices[offset++] = point.y;
heightmapVertices[offset++] = point.z;
final Point top = getPoint(pixels, row - 1, col);
final Point left = getPoint(pixels, row, col - 1);
final Point right = getPoint(pixels, row, col + 1);
final Point bottom = getPoint(pixels, row + 1, col);
final Vector rightToLeft = Geometry.vectorBetween(right, left);
final Vector topToBottom = Geometry.vectorBetween(top, bottom);
final Vector normal = rightToLeft.crossProduct(topToBottom).normalize();
heightmapVertices[offset++] = normal.x;
heightmapVertices[offset++] = normal.y;
heightmapVertices[offset++] = normal.z;
}
}
return heightmapVertices;
}
/**
* Returns a point at the expected