如何使用 VGA 输出适配器将 OpenGL-ES 渲染到外部屏幕？

Question

我一直在为 iPad 和 iPhone 开发一个 3D 程序，并希望能够将它渲染到外部屏幕上。根据我的理解，您必须执行类似于以下代码的操作才能实现它，（位于：Sunsetlakesoftware.com）：

if ([[UIScreen screens] count] > 1)
{
    // External screen attached
}
else
{
    // Only local screen present
}

CGRect externalBounds = [externalScreen bounds];
externalWindow = [[UIWindow alloc] initWithFrame:externalBounds];

UIView *backgroundView = [[UIView alloc]  initWithFrame:externalBounds];
backgroundView.backgroundColor = [UIColor whiteColor];

[externalWindow addSubview:backgroundView];

[backgroundView release];

externalWindow.screen = externalScreen;
[externalWindow makeKeyAndVisible];

但是，我不确定要对 OpenGL 项目进行哪些更改。有谁知道你会怎么做才能在 XCode 中将它实现到用于 iPad 或 iPhone 的默认 openGL 项目中？

Answer 1

在外部显示器上渲染 OpenGL ES 内容所需要做的就是创建一个由 CAEAGLLayer 支持的 UIView 并将其添加为上述 backgroundView 的子视图，或者采用这样的视图并移动它成为backgroundView的子视图。

事实上，您可以根据需要删除backgroundView，并将您的OpenGL 托管视图直接放在externalWindow UIWindow 实例上。该窗口附加到表示外部显示器的 UIScreen 实例，因此放置在其上的任何内容都将显示在该显示器上。这包括 OpenGL ES 内容。

特定类型的 OpenGL ES 内容似乎确实存在问题，正如您在我尝试添加到我的 Molecules 应用程序的实验性支持中看到的那样。如果您查看那里的源代码，我会尝试将我的渲染视图迁移到外部显示器，但它从未出现。我对其他 OpenGL ES 应用程序也做过同样的事情，并且它们的内容渲染得很好，所以我相信外部显示器上的深度缓冲区可能存在问题。我仍在努力追查。

Answer 2

我已经弄清楚如何让任何 OpenGL-ES 内容呈现到外部显示器上。这实际上非常简单。您只需将渲染缓冲区复制到 UIImage，然后在外部屏幕视图上显示该 UIImage。获取渲染缓冲区快照的代码如下：

- (UIImage*)snapshot:(UIView*)eaglview
{
// Get the size of the backing CAEAGLLayer
GLint backingWidth, backingHeight;
glBindRenderbufferOES(GL_RENDERBUFFER_OES, defaultFramebuffer);
glGetRenderbufferParameterivOES(GL_RENDERBUFFER_OES, GL_RENDERBUFFER_WIDTH_OES, &backingWidth);
glGetRenderbufferParameterivOES(GL_RENDERBUFFER_OES, GL_RENDERBUFFER_HEIGHT_OES, &backingHeight);

NSInteger x = 0, y = 0, width = backingWidth, height = backingHeight;
NSInteger dataLength = width * height * 4;
GLubyte *data = (GLubyte*)malloc(dataLength * sizeof(GLubyte));

// Read pixel data from the framebuffer
glPixelStorei(GL_PACK_ALIGNMENT, 4);
glReadPixels(x, y, width, height, GL_RGBA, GL_UNSIGNED_BYTE, data);

// Create a CGImage with the pixel data
// If your OpenGL ES content is opaque, use kCGImageAlphaNoneSkipLast to ignore the alpha channel
// otherwise, use kCGImageAlphaPremultipliedLast
CGDataProviderRef ref = CGDataProviderCreateWithData(NULL, data, dataLength, NULL);
CGColorSpaceRef colorspace = CGColorSpaceCreateDeviceRGB();
CGImageRef iref = CGImageCreate(width, height, 8, 32, width * 4, colorspace, kCGBitmapByteOrder32Big | kCGImageAlphaPremultipliedLast,
                                ref, NULL, true, kCGRenderingIntentDefault);

// OpenGL ES measures data in PIXELS
// Create a graphics context with the target size measured in POINTS
NSInteger widthInPoints, heightInPoints;
if (NULL != UIGraphicsBeginImageContextWithOptions) {
    // On iOS 4 and later, use UIGraphicsBeginImageContextWithOptions to take the scale into consideration
    // Set the scale parameter to your OpenGL ES view's contentScaleFactor
    // so that you get a high-resolution snapshot when its value is greater than 1.0
    CGFloat scale = eaglview.contentScaleFactor;
    widthInPoints = width / scale;
    heightInPoints = height / scale;
    UIGraphicsBeginImageContextWithOptions(CGSizeMake(widthInPoints, heightInPoints), NO, scale);
}
else {
    // On iOS prior to 4, fall back to use UIGraphicsBeginImageContext
    widthInPoints = width;
    heightInPoints = height;
    UIGraphicsBeginImageContext(CGSizeMake(widthInPoints, heightInPoints));
}

CGContextRef cgcontext = UIGraphicsGetCurrentContext();

// UIKit coordinate system is upside down to GL/Quartz coordinate system
// Flip the CGImage by rendering it to the flipped bitmap context
// The size of the destination area is measured in POINTS
CGContextSetBlendMode(cgcontext, kCGBlendModeCopy);
CGContextDrawImage(cgcontext, CGRectMake(0.0, 0.0, widthInPoints, heightInPoints), iref);

// Retrieve the UIImage from the current context
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

UIGraphicsEndImageContext();

// Clean up
free(data);
CFRelease(ref);
CFRelease(colorspace);
CGImageRelease(iref);

return image;
}

尽管出于某种原因，我一直无法让 glGetRenderbufferParameterivOES 返回正确的 backingwidth 和 backingheight，所以我不得不使用自己的函数来计算它们。只需将其弹出到您的渲染实现中，然后使用计时器将结果放在外部屏幕上。如果有人可以对此方法进行任何改进，请告诉我。