RhinoArtisan Web 3D · Examples

A live gallery of demos covering every feature of <rhinoartisan-web-3d>. Open any card to see the source and play with it.

Run npm run build at least once before opening these — the demos load ../dist/rhinoartisan-web-3d.js.

01 · Basic

Load a model

The minimum viable setup: one GLB, auto-rotate, default lighting.

02 · Events

Event log

Live readout of every custom event the viewer dispatches: ready, model load, selection, material change, errors.

03 · Materials

Swap materials

Pick from the catalog (golds, platinum, gems) and apply by item UUID.

04 · Multi-model

Add, remove, hide

Several GLBs in the same scene with id-based add / remove / visibility toggles.

05 · Camera

Presets & views

Camera presets, save / restore views, zoom extents, orbit control via the imperative API.

06 · Transforms

Position & rotation

Move and rotate a loaded model in real time with sliders.

07 · Capture

Screenshots & video

Download a PNG, copy a base64 string, record an MP4 of the canvas.

08 · Post-processing

AO, Bloom, DoF

Toggle and tune the post-processing stack live.

99 · Legacy

Backwards compat

The old model: { url } shape — kept as a regression check for consumers on older code paths.

Docs

Documentation

Full reference rendered inline: API, configuration, materials, events, lifecycle. Searchable by URL (?file=API.md).