Framebuffer pane
Stay organized with collections
Save and categorize content based on your preferences.
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, 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 also shows 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.
Select different attachments
A framebuffer can contain multiple attachments. You can select which
attachment to display and click Show Attachments or Hide Attachments as
needed. Attachment thumbnails are labeled with the type of the attachment
(for example, COLOR, DEPTH, and INPUT) as well as its index.
Once you select an attachment, the main view displays in the upper left corner.
Operations
You can perform operations on the framebuffer image using the following buttons:
Button |
Description |
Example Result |
|
Renders the shaded geometry of the image. |
|
|
Shows the wireframe of the image. |
|
|
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. |
|
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2021-09-22 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2021-09-22 UTC."],[],[],null,["# Framebuffer pane\n\nThe **Framebuffer** pane shows the contents of the currently-bound framebuffer.\nDepending on the item you select in the **Commands** pane, the **Framebuffer**\npane can show onscreen or offscreen framebuffers.\n\nWhen 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.\n\nStart by selecting the first call within a frame, then click each successive\ncall to watch the framebuffer components draw one-by-one until the end of the\nframe. These framebuffer displays, for both onscreen and offscreen graphics, help you to locate the source of any rendering errors.\n\nMove 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 also shows the image width and height\nas well as the *x* and *y* coordinates, normalized image coordinates (U and V\nvalues), and RBGA hex value for that point on the image.\n\nSelect different attachments\n----------------------------\n\nA framebuffer can contain multiple attachments. You can select which\nattachment to display and click **Show Attachments** or **Hide Attachments** as\nneeded. Attachment thumbnails are labeled with the type of the attachment\n(for example, COLOR, DEPTH, and INPUT) as well as its index.\n\nOnce you select an attachment, the main view displays in the upper left corner.\n\nOperations\n----------\n\nYou can perform operations on the framebuffer image using the following buttons:\n\n| Button | Description | Example Result |\n|--------|------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------|\n| | Renders the shaded geometry of the image. | |\n| | Shows the wireframe of the image. | |\n| | Adjusts the image to fit completely within the pane. You can also right-click the image to adjust the zoom to fit the image. | |\n| | Displays the image at no scale, where one device pixel is equivalent to one screen pixel. | |\n| | 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. | |\n| | Zooms out on the image. You can also use your mouse wheel, or two-finger swipes on a touchpad, to zoom in and out. | |\n| | Displays the color histogram for the image. You can select the control handles on either side to limit the color values displayed. | |\n| | Select the color channels to render. The options are **Red** , **Green** , **Blue** , and **Alpha** (transparency). | |\n| | Select a checkerboard pattern or a solid color for the image background. | |\n| | Flips the image vertically. | |\n| | Saves the image to a file. | |"]]