PRO Feature - Path-traced rendering requires a PRO subscription. Upgrade to PRO for access.
Output Frame and Resolution
The RENDER tab lets you choose exact output width and height. New sessions start with a lighter 1280 × 720 16:9 default for faster first path-traced previews, while 1080p remains available as an explicit higher-cost preset. Use common presets or type custom dimensions, then enable Preview Mode to see the render frame over the live scene. Drag Frame mode is the primary crop-adjustment action. It defines the exact crop rectangle drawn in the scene viewport. Output aspect follows the drawn frame: the output WIDTH/HEIGHT follow that crop aspect without increasing the current pixel area, and the path-traced camera uses the same normalized crop via camera view offsets. Centered Preview Mode frames are also resolved from the yellow viewport frame before export, so portrait or square renders keep the same composition shown on screen instead of stretching the camera. Use RESET 16:9 to return to a full, centered 1280 × 720 frame.Render Resource
Use Render Resource to confirm which backend will handle the export:| Resource | Availability | Notes |
|---|---|---|
| GPU WebGL | Default | Uses the browser WebGL path tracer with lighting, DoF, denoising, and path-traced materials |
| CPU Path Tracer | Runtime supported | Requires browser Worker and ImageData support; intended for still PNG output within CPU render limits |
Features
Global Illumination
Path tracing simulates light bounces to produce soft shadows, ambient occlusion, and realistic material response.Depth of Field
Create professional-looking renders with adjustable focus and aperture:| Setting | Description |
|---|---|
| Focus Distance | Distance to the focal plane |
| F-Stop | Lower values create stronger blur; higher values keep more of the scene sharp |
| Click-to-Focus | Click an atom in Focus Mode to set the focus point |
| Drag Aperture | Drag vertically in Focus Mode to adjust f-stop interactively |
Lighting
Use SET LIGHT to click-position the main light direction in the scene. The light indicator shows the active direction during preview.Denoising
Enable denoising to reduce noise at lower sample counts. Use moderate denoise values for final figures to avoid blurring fine structural details.Preview parity
Path-traced export rebuilds the scene for physically based rendering, but it preserves the key scientific visualization controls from Preview Mode: atom size/opacity, stick width, cage opacity/width, occupied-cage emphasis, H-bond width/opacity, PBC box visibility, and occupied guest highlights including guest atom size and guest bond width.Presets
| Preset | Best for |
|---|---|
| DEFAULT | Glossy, presentation-friendly renders |
| OSPRAY AO | Matte ambient-occlusion style for clean publication figures |
Best Practices
- Compose the camera first, then set the render frame.
- Start with low samples for previewing and increase samples for final export.
- Use OSPRAY AO for clean structural figures.
- Keep atom/layer opacity intentional; transparent atoms affect the path-traced output.
- For depth of field, click a scientifically meaningful atom or cage center and use lower f-stop values sparingly.
Export
Click EXPORT after the path-traced render converges. The downloaded PNG uses the configured output dimensions and includes_pathtraced in the filename.
Troubleshooting
Render looks grainy
Render looks grainy
Increase the sample count or enable denoising. For final static images, 256+ samples usually gives a cleaner result.
No depth of field visible
No depth of field visible
Ensure DoF is enabled, choose a lower f-stop, and confirm the focus distance or click-to-focus point is set correctly.
Render is too slow
Render is too slow
Reduce output dimensions, samples, or ray bounces. Use WebGL export for quick drafts.
The crop is not what I expected
The crop is not what I expected
Enable Preview Mode and check the yellow render frame before export. Centered frames and Drag Frame selections are both applied as viewport-normalized camera crops; use RESET 16:9 if you want the full centered frame again.
Render reports background-only output
Render reports background-only output
Background-only output means the export camera did not capture any molecule pixels, or the scene had no renderable geometry. Use the recovery panel actions such as Center Frame or Reset 16:9, then confirm atoms/bonds/PBC/cages are visible inside the yellow Preview Mode crop. Large or distant scenes use camera-distance-aware clipping so valid visible scenes should not be clipped out of the path-traced export.