离屏渲染在车载导航中的应用

创建一个颜色帧缓冲区，在显存中开辟一个具有抗锯齿能力的对象，并将颜色缓冲区挂载到开辟的对象上。创建一个深度模版渲染缓冲区，开辟具有抗锯齿能力的显存空间，并和帧缓冲区进行绑定：

GLuint sampleColorRenderbuffer, sampleDepthRenderbuffer;
glGenRenderbuffers(1, &sampleColorRenderbuffer);
glBindRenderbuffer(GL_RENDERBUFFER, sampleColorRenderbuffer);
glRenderbufferStorageMultisampleAPPLE(GL_RENDERBUFFER, 4, GL_RGBA8_OES, width, height);
glFramebufferRenderbuffer(GL_FRAMEBUFFER, GL_COLOR_ATTACHMENT0, GL_RENDERBUFFER, sampleColorRenderbuffer);

glGenRenderbuffers(1, &sampleDepthRenderbuffer);
glBindRenderbuffer(GL_RENDERBUFFER, sampleDepthRenderbuffer);
glRenderbufferStorageMultisampleAPPLE(GL_RENDERBUFFER, 4, GL_DEPTH_COMPONENT16, width, height);
glFramebufferRenderbuffer(GL_FRAMEBUFFER, GL_DEPTH_ATTACHMENT, GL_RENDERBUFFER,

测试创建的环境是否正确，避免如显存空间不足等造成创建失败的可能：

GLenum status = glCheckFramebufferStatus(GL_FRAMEBUFFER) ;
if(status != GL_FRAMEBUFFER_COMPLETE) {
  return false;
}

至此，一个具备抗锯齿能力的离屏FBO已创建好，下面将应用这个FBO，步骤如下：

先清除抗锯齿帧缓存空间重的内容：

glBindFramebuffer(GL_FRAMEBUFFER, sampleFramebuffer);
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glViewport(0, 0, framebufferWidth, framebufferHeight);

开始进行一系列的渲染函数操作，比如准备顶点数据，纹理数据，VBO，IBO，矩阵，状态等，并执行一系列的渲染指令，选择指定的shader，及其传输数据状态；

FBO不是一个具备直接渲染能力的帧缓存空间，在执行完2的操作之后，需要将抗锯齿的FBO内渲染的内容通过合并每个像素，转换到屏幕渲染所在的帧缓存空间去。原理如下图所示：

代码如下：

glBindFramebuffer(GL_DRAW_FRAMEBUFFER_APPLE, resolveFrameBuffer);
glResolveMultisampleFramebufferAPPLE();
glBindFramebuffer(GL_READ_FRAMEBUFFER_APPLE, sampleFramebuffer);

以上操作完成后，需要进行一些Discard步骤,将一些原先在当前帧缓存中的内容忽略掉：

glBindRenderbuffer(GL_RENDERBUFFER, colorRenderbuffer);
[context presentRenderbuffer:GL_RENDERBUFFER];

Android系统基本思路一致，需要采用gles3.0接口提供的抗锯齿能力来进行渲染，在此不做展开。

5. 优化对比

优化前的鹰眼图渲染耗时火焰图如下：

优化后的鹰眼图渲染耗时火焰图如下：

从前后对比图可以看出，鹰眼图渲染的耗时，几乎已经消失不见。

从系统的渲染帧率上进一步得到验证。从下图可以看出帧率已经恢复到与不显示鹰眼图的情况相当：

需要注意的是，全屏抗锯齿损耗资源，除了增加额外的显存空间，抗锯齿过程中也会产生一定的耗时。所以在取得收益的同时，也需要衡量其产生的代价，需要具体问题具体分析。在本案例中，如对比结果所示，采用抗锯齿离屏渲染技术的优化产生的收益远远高于付出的代价。

本文转载自公众号高德技术（ID：amap_tech）。

原文链接：

https://mp.weixin.qq.com/s/0Va3RXx5Pv0H9gX3d3Tp1w