الكتابة إلى القراءة من FBO خارج الشاشة على iPhone ؛ يعمل على محاكاة ولكن ليس على الجهاز؟

Question

أحاول القيام ببعض معالجة الصور على iPhone ، وأستمع إلى الأشياء على مثال معالجة GlimageProcess من Apple.

في النهاية ما أود القيام به هو تحميل صورة في نسيج ، وإجراء واحدة أو أكثر من العمليات في رمز المثال (Hue ، التشبع ، السطوع ، وما إلى ذلك) ، ثم اقرأ الصورة الناتجة مرة أخرى للمعالجة اللاحقة/ إنقاذ. بالنسبة للجزء الأكبر ، لن يحتاج هذا أبدًا إلى لمس الشاشة ، لذلك اعتقدت أن FBOs قد يكون الطريق للذهاب.

بادئ ذي بدء ، قمت بتجميع مثال صغير يخلق FBO خارج الشاشة ، يرسم إليه ، ثم يقرأ البيانات مرة أخرى كصورة. لقد شعرت بالذهول عندما كان هذا يعمل بشكل مثالي في جهاز المحاكاة ، ثم انخرطت كما أدركت أنني حصلت للتو على شاشة سوداء على الجهاز الفعلي.

إخلاء المسئولية: بلدي OpenGL قديم بما فيه الكفاية لدرجة أنني كان لدي الكثير من منحنى التعلم ذاهب إلى Opengl ES ، ولم أكن أبدًا معالجًا كبيرًا. أعلم أن الجهاز له خصائص مختلفة من جهاز المحاكاة من حيث الوصول إلى FrameBuffer (FBO الإلزامي وتبادل الجهاز ، وصول مباشرة على المحاكاة) ، لكنني لم أتمكن من العثور على ما كنت أفعله خطأ ، حتى بعد البحث الواسع إلى حد ما.

أي اقتراحات؟

// set up the offscreen FBO sizes

int renderBufferWidth = 1280;
int renderBufferHeight = 720;

// now the FBO
GLuint  fbo = 0;
glGenFramebuffersOES(1, &fbo);
glBindFramebufferOES(GL_FRAMEBUFFER_OES, fbo);

GLuint  renderBuffer = 0;
glGenRenderbuffersOES(1, &renderBuffer);
glBindRenderbufferOES(GL_RENDERBUFFER_OES, renderBuffer);
glRenderbufferStorageOES(GL_RENDERBUFFER_OES,
                         GL_RGBA8_OES,
                         renderBufferWidth,
                         renderBufferHeight);

glFramebufferRenderbufferOES(GL_FRAMEBUFFER_OES,
                             GL_COLOR_ATTACHMENT0_OES,
                             GL_RENDERBUFFER_OES,
                             renderBuffer);

GLenum status = glCheckFramebufferStatusOES(GL_FRAMEBUFFER_OES);
if (status != GL_FRAMEBUFFER_COMPLETE_OES) {
    NSLog(@"Problem with OpenGL framebuffer after specifying color render buffer: %x", status);
}

// throw in a test drawing  
glClearColor(0.5f, 0.5f, 0.5f, 1.0f);
glClear(GL_COLOR_BUFFER_BIT);


static const GLfloat triangleVertices[] = {
    -0.5f,  -0.33f,
    0.5f,  -0.33f,
    -0.5f,   0.33f
};

static const GLfloat triangleColors[] = {
    1.0, 0.0, 0.0, 0.5,
    0.0, 1.0, 0.0, 0.5,
    0.0, 0.0, 1.0, 0.5
};

GLint backingWidth = 320;
GLint backingHeight = 480;

NSLog(@"setting up view/model matrices");
glMatrixMode(GL_PROJECTION);
glLoadIdentity();

glMatrixMode(GL_MODELVIEW);
glLoadIdentity();


glVertexPointer(2, GL_FLOAT, 0, triangleVertices);
glEnableClientState(GL_VERTEX_ARRAY);
glColorPointer(4, GL_FLOAT, 0, triangleColors);
glEnableClientState(GL_COLOR_ARRAY);



// draw the triangle
glDrawArrays(GL_TRIANGLE_STRIP, 0, 3);


// Extract the resulting rendering as an image
int samplesPerPixel = 4; // R, G, B and A
int rowBytes = samplesPerPixel * renderBufferWidth;
char* bufferData = (char*)malloc(rowBytes * renderBufferHeight);
if (bufferData == NULL) {
    NSLog(@"Unable to allocate buffer for image extraction.");
}

// works on simulator with GL_BGRA, but not on device
glReadPixels(0, 0, renderBufferWidth,
             renderBufferHeight,
             GL_BGRA,
             GL_UNSIGNED_BYTE, bufferData);
NSLog(@"reading pixels from framebuffer");

// Flip it vertically - images read from OpenGL buffers are upside-down
char* flippedBuffer = (char*)malloc(rowBytes * renderBufferHeight);
if (flippedBuffer == NULL) {
    NSLog(@"Unable to allocate flipped buffer for corrected image.");
}

for (int i = 0 ; i < renderBufferHeight ; i++) {   
    bcopy(bufferData + i * rowBytes,
          flippedBuffer + (renderBufferHeight - i - 1) * rowBytes,
          rowBytes);
}

// unbind my FBO
glBindFramebufferOES(GL_FRAMEBUFFER_OES, 0);

// Output the image to a file


CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
int bitsPerComponent = 8;

CGBitmapInfo bitmapInfo = kCGImageAlphaNoneSkipFirst | kCGBitmapByteOrder32Host;
CGContextRef contextRef = CGBitmapContextCreate(flippedBuffer,
                                                renderBufferWidth,
                                                renderBufferHeight,
                                                bitsPerComponent,
                                                rowBytes, colorSpace, bitmapInfo);
if (contextRef == nil) {
    NSLog(@"Unable to create CGContextRef.");
}

CGImageRef imageRef = CGBitmapContextCreateImage(contextRef);

if (imageRef == nil) {
    NSLog(@"Unable to create CGImageRef.");
} else {
    if (savedImage == NO) {
        UIImage *myImage = [UIImage imageWithCGImage:imageRef];
        UIImageWriteToSavedPhotosAlbum(myImage, nil, nil, nil);
        savedImage = YES;
    }   
}

يحرر:

الجواب ، بالطبع ، هو أن تنسيق صورة نقطية يجب أن يكون gl_rgba ، وليس gl_bgra:

// works on simulator with GL_BGRA, but not on device
glReadPixels(0, 0, renderBufferWidth,
         renderBufferHeight,
         **GL_RGBA**,
         GL_UNSIGNED_BYTE, bufferData);

Answer 1

كما أجاب أندرو نفسه:

الجواب ، كان أن تنسيق صورة نقطية يجب أن يكون gl_rgba ، وليس gl_bgra

// works on simulator with GL_BGRA, but not on device
glReadPixels(0, 0, renderBufferWidth,
             renderBufferHeight,
             GL_RGBA, // <--
             GL_UNSIGNED_BYTE, bufferData);