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
	Selects the framebuffer attachment to display. You can select one of four color attachments or a depth attachment.
	Renders the shaded geometry of the image.
	Renders the shaded geometry of the image and overlays the wireframe of the image.
	Shows the wireframe of the image.
	Renders the overdraw of the image. This is not supported in OpenGL ES traces.
	Adjusts the image to fit completely within the pane. You can also right-click the image to adjust the zoom to fit the image.
	Displays the image at no scale, where one device pixel is equivalent to one screen pixel.
	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.
	Zooms out on the image. You can also use your mouse wheel, or two-finger swipes on a touchpad, to zoom in and out.
	Displays the color histogram for the image. You can select the control handles on either side to limit the color values displayed.
	Select the color channels to render. The options are Red, Green, Blue, and Alpha (transparency).
	Select a checkerboard pattern or a solid color for the image background.
	Flips the image vertically.
	Saves the image to a file.