计算机图形学 | 实验十二：混合（透明物体处理）_图形学中不透明和透明物体的绘制

华中科技大学《计算机图形学》课程

MOOC地址：计算机图形学（HUST）

计算机图形学 | 实验十二：混合（透明物体处理）

混合（Blending）

首先介绍一下OpenGL中混合的基本概念。混合是实现物体透明的一种技术。当一个物体时透明的，我们看到的颜色是物体本身的颜色和它背后其它物体的颜色的混合。例如，一个有色玻璃窗是一个透明的物体，玻璃有它自己的颜色，但我们看玻璃所看到的的最终的颜色还包含了玻璃之后所有物体的颜色。

开启混合和设置混合模式

和OpenGL大多数的功能一样，我们可以启用GL_BLEND来启用混合。

// 开启混合
glEnable(GL_BLEND);
1
2

启用了混合之后，我们还需要告诉OpenGL如何混合

//设置混合的源和目标因子
glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);
1
2

上面的代码设置混合的源和目标因子，这里使用源颜色向量（纹理图片的不透明度值）的 alpha 作为源因子，使用 1−alpha 作为目标因子。这样绘制出来的物体的最终颜色 = 纹理的颜色向量 × alpha + 颜色缓冲中的颜色向量 ×（1-alpha）。

绘制顺序

在绘制一个有不透明和透明物体的场景的时候，必须遵循如下原则：

1. 先绘制不透明物体；
2. 后绘制透明物体：需要按距离摄像头（视点）由远到近的顺序绘制所有透明的物体。

思考一下为什么需要按距离摄像头（视点）由远到近的顺序绘制所有透明的物体？

原因1：如果先绘制近的物体，后绘制远的物体时，远物被近物相应被遮挡的片段因为深度测试而被丢弃。会出现如图2的错误结果。

原因2：在关闭深度测试情况下，混合得到的颜色也不对。会出现如图3的错误结果。

排序透明物体

通过需要绘制的物体和摄像头的距离distance来对物体进行从大到小排序，这里使用c++的map容器来实现，定义一个map<key,value>对象，key的值使用会物体和摄像头的距离distance，value的值存储物体的坐标，map会自动根据键的值对元素进行从小到大排序，之后我们只需要反向遍历map，就可以按照由远及近的顺序取到物理的位置值。

std::map<float, glm::vec3> sorted;
for (unsigned int i = 0; i < windows.size(); i++)
{
	float distance = glm::length(camera.Position - windows[i]);
	sorted[distance] = windows[i];
}
1
2
3
4
5
6

绘制

在绘制循环中，先绘制不透明的物体（箱子和地板）。最后按照距离摄像头由远到近的顺序绘制透明的物体window。

因为sorted这个map中的元素是按照从小到大的顺序排序，所有需要使用反向迭代器从后往前，按照物体和摄像头之间距离从大到小的顺序遍历map。

for (std::map<float, glm::vec3>::reverse_iterator it = sorted.rbegin(); it != sorted.rend(); ++it)
{
	model = glm::mat4(1.0f); 
	model = glm::translate(model, it->second); 
	shader.setMat4("model", model); 
	glDrawArrays(GL_TRIANGLES, 0, 6); 
}
1
2
3
4
5
6
7

实验结果

实验的最终结果如图所示：

开启混合：

关闭混合：