The Framebuffer pane shows the contents of the currently-bound framebuffer. Depending on the item you select in the Commands pane, the Framebuffer pane can show onscreen or offscreen framebuffers.

When you select a command in the Commands pane, the Framebuffer pane displays the contents of the framebuffer after that call finishes. If you select a command group, it displays the framebuffer that best represents the group. Typically, this is the framebuffer after the last call in the group finishes.

Start by selecting the first call within a frame, and then click each successive call to watch the framebuffer components draw one-by-one until the end of the frame. These framebuffer displays, for both onscreen and offscreen graphics, help you to locate the source of any rendering errors.

Move the cursor over the image to display a zoomed-in preview of the surrounding pixels in the bottom-left hand corner of the view as in the image above. The pane will also show the image width and height as well as the x and y coordinates, normalized image coordinates (U and V values), and RBGA hex value for that point on the image.

If the framebuffer contains undefined data, you’ll see diagonal bright green lines, as shown below.

Operations

You can perform operations on the framebuffer image using the following buttons:

Button Description Example Result
Choose framebuffer attachment to display Selects the framebuffer attachment to display. You can select one of four color attachments or a depth attachment.
Render shaded geometry Renders the shaded geometry of the image.
Render shaded geometry and overlay wireframe of last draw call Renders the shaded geometry of the image and overlays the wireframe of the image.
Render wireframe geometry Shows the wireframe of the image.
Render overdraw Renders the overdraw of the image. This is not supported in OpenGL ES traces.
Zoom to Fit Adjusts the image to fit completely within the pane. You can also right-click the image to adjust the zoom to fit the image.
Zoom to Actual Size Displays the image at no scale, where one device pixel is equivalent to one screen pixel.
Zoom In Zooms in on the image. You can also use your mouse wheel, or two-finger swipes on a touchpad, to zoom in and out. You can drag the image with your cursor.
Zoom Out Zooms out on the image. You can also use your mouse wheel, or two-finger swipes on a touchpad, to zoom in and out.
Color Histogram Displays the color histogram for the image. You can select the control handles on either side to limit the color values displayed.
Color Channels Select the color channels to render. The options are Red, Green, Blue, and Alpha (transparency).
Background Select a checkerboard pattern or a solid color for the image background.
Flip Vertically Flips the image vertically.
Save To File Saves the image to a file.