GitHub - wwwtyro/speck-pbr: A WebGPU molecular visualizer with GPU path-traced global illumination.

1 min read Original article ↗

A WebGPU molecular visualizer with GPU path-traced global illumination. Render figures and animations that are both informative and beautiful.

Try it live

Try it out in your browser here: https://wwwtyro.github.io/speck-pbr/

Features

Path-Traced Lighting

Every pixel is computed by tracing light paths through the scene. The result captures ambient occlusion, soft shadows, and color bleeding between nearby atoms - subtle cues that give the viewer an intuitive sense of three-dimensional structure.

Gold thiol nanoparticle with PBR materials Bulk molecular system Isophorone on platinum surface

Depth of Field

Simulate a camera lens to draw the viewer's eye to a region of interest.

DNA with depth of field

Depth-Aware Outlines

Depth-aware outlines can reveal structure that may otherwise be obscured.

Rendering Styles

Mix and match rendering options to find the right look. Presets provide quick starting points - Default, Toon, Illustration, and Licorice - or dial in your own.

Default Flat Illustration Illustration with outlines Licorice Newspaper

Video & Image Export

Record smooth camera animations with keyframe control, including rotation, rocking, and fully custom camera paths. Trajectory playback can be synchronized with camera animation for molecular dynamics visualizations.

Molecular Dynamics

Load multi-frame XYZ files and scrub or play back trajectories in real time.

License

MIT