iphone - 在 iPhone 上的 OpenGL ES 中平滑线条

Question

我正在 iPhone 4 上的 OpenGL ES 中尝试简单的线条绘制。我用 GLfloats 数组创建了一个火柴人，并首先测试了在普通 UIView 中绘制火柴人(覆盖绘制方法)。这里显示的输出非常好......

问题是我需要在 OpenGL 下以最大速度进行绘图(除其他原因外)，这样如果我有数百个对象，绘图仍然会很快。当我在 OpenGL ES 1.1 下测试简单的线条绘制版本时，我得到以下结果(忽略丢失的头!)...

我使用 GL_LINES 和一个数组来绘制图形，并启用了 GL_LINE_SMOOTH(以及 GL_NICEST)，但图形看起来一点也不平滑。有没有办法在 OpenGL 下使用原始线条实现更平滑的抗锯齿线条？

Answer 1

使用 Quartz 绘制的线条通常是抗锯齿的，但默认情况下，在 OpenGL ES 中并非如此。从 iOS 4.0 开始，Apple 在其 OpenGL ES 实现中添加了多重采样抗锯齿 (MSAA)，因此您应该能够启用此功能以平滑线条(以及场景中的其他边缘)。

Apple 在《iOS OpenGL ES 编程指南》的“Using Multisampling to Improve Image Quality”部分中描述了如何进行设置。您可以使用如下代码设置多重采样帧缓冲区、渲染缓冲区和深度缓冲区(如果需要):

glGenFramebuffers(1, &msaaFramebuffer); 
glGenRenderbuffers(1, &msaaRenderbuffer);

glBindFramebuffer(GL_FRAMEBUFFER, msaaFramebuffer); 
glBindRenderbuffer(GL_RENDERBUFFER, msaaRenderbuffer);   

glRenderbufferStorageMultisampleAPPLE(GL_RENDERBUFFER, 4, GL_RGBA8_OES, backingWidth, backingHeight); 
glFramebufferRenderbuffer(GL_FRAMEBUFFER, GL_COLOR_ATTACHMENT0, GL_RENDERBUFFER, msaaRenderbuffer); 

glGenRenderbuffers(1, &msaaDepthbuffer);   
glBindRenderbuffer(GL_RENDERBUFFER, msaaDepthbuffer); 
glRenderbufferStorageMultisampleAPPLE(GL_RENDERBUFFER, 4, GL_DEPTH_COMPONENT16, backingWidth, backingHeight); 
glFramebufferRenderbuffer(GL_FRAMEBUFFER, GL_DEPTH_ATTACHMENT, GL_RENDERBUFFER, msaaDepthbuffer);

请注意，此代码是从 OpenGL ES 2.0 应用程序中提取的，因此您可能需要更改上述内容以添加适合 1.1 的 OES 后缀。

一旦您展示了您的框架，您将执行如下操作:

glBindFramebuffer(GL_READ_FRAMEBUFFER_APPLE, msaaFramebuffer); 
glBindFramebuffer(GL_DRAW_FRAMEBUFFER_APPLE, viewFramebuffer);

glResolveMultisampleFramebufferAPPLE();

glBindRenderbuffer(GL_RENDERBUFFER, viewRenderbuffer);

success = [context presentRenderbuffer:GL_RENDERBUFFER];

glBindFramebuffer(GL_FRAMEBUFFER, msaaFramebuffer); 

您可能希望在将内容呈现到屏幕之前或之后丢弃颜色和深度缓冲区作为优化，为此您可以使用以下代码:

const GLenum discards[]  = {GL_COLOR_ATTACHMENT0,GL_DEPTH_ATTACHMENT};
glDiscardFramebufferEXT(GL_READ_FRAMEBUFFER_APPLE,2,discards);

我为一个类创建了一个示例，显示此 MSAA 在 OpenGL ES 2.0 应用程序中工作 here 。查看那里的 ES2Renderer 类并启用 MSAA 定义以查看其实际效果。同样，将其放入 OpenGL ES 1.1 应用程序中非常简单，因为您只需要更改一些函数和常量后缀。