WebGL playground guide
Keep your work
Everything is made in your browser, and nothing is uploaded. Every picture here is standard range (SDR); none is HDR.
| Button | What you get |
|---|---|
| Save PNG | The frame with all its post-processing, as threejs-lab- followed by a number, such as threejs-lab-1789000000000.png, at the size Resolution sets: 1x, 2x or 4x the frame. |
| Save 4K PNG | The same picture 3840 pixels wide, with the frame's shape, whatever Resolution says, and the same kind of name. |
| Copy | The frame at its own size, as a PNG on the clipboard, where the browser allows it. |
The Resolution sizes count the frame's own pixels, which are its size times the screen's pixel density: the full density on a computer, at most 1.5 on a phone. A frame 900 pixels wide on a screen of density 2 gives a 1x PNG 1,800 pixels wide. Save 4K PNG is always 3840 pixels wide. A very large picture is scaled down to the biggest size the graphics card can draw.
The big picture is drawn once, all at once, so the page may pause for a moment. The glow of bloom and the size of the grain are worked out again at the new size, so they can look a little different from the frame.
There is no video export. To keep a moving scene, use your computer's own screen recorder.