Skip to main content
PRO Feature - Path-traced rendering requires a PRO subscription. Upgrade to PRO for access.
Clavis PRO includes a GPU WebGL path tracer for creating publication-quality images with physically motivated lighting, shadows, depth of field, denoising, and configurable output frames. The Render Resource selector shows GPU WebGL as the default browser path-tracer resource and exposes the gated CPU still-image fallback when the browser supports Worker and ImageData. The CPU still-image fallback is deterministic and still PNG only. It is designed as a browser-local safety path for simple static output, not as parity with GPU WebGL path tracing.

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:
ResourceAvailabilityNotes
GPU WebGLDefaultUses the browser WebGL path tracer with lighting, DoF, denoising, and path-traced materials
CPU Path TracerRuntime supportedRequires browser Worker and ImageData support; intended for still PNG output within CPU render limits
The Render Resource and Browser GPU Status cards show summary-first status so you can see whether the GPU WebGL path is active or whether CPU still-image fallback is available, explicitly disabled, unsupported, running, or cancelable.

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:
SettingDescription
Focus DistanceDistance to the focal plane
F-StopLower values create stronger blur; higher values keep more of the scene sharp
Click-to-FocusClick an atom in Focus Mode to set the focus point
Drag ApertureDrag 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

PresetBest for
DEFAULTGlossy, presentation-friendly renders
OSPRAY AOMatte ambient-occlusion style for clean publication figures

Best Practices

  1. Compose the camera first, then set the render frame.
  2. Start with low samples for previewing and increase samples for final export.
  3. Use OSPRAY AO for clean structural figures.
  4. Keep atom/layer opacity intentional; transparent atoms affect the path-traced output.
  5. 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

Increase the sample count or enable denoising. For final static images, 256+ samples usually gives a cleaner result.
Ensure DoF is enabled, choose a lower f-stop, and confirm the focus distance or click-to-focus point is set correctly.
Reduce output dimensions, samples, or ray bounces. Use WebGL export for quick drafts.
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.
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.