Library / 3D scenes

Onsen (3D scene) pro

Onsen: A cedar pavilion opens behind ivory paper screens. Overlapping roof tiles, suspended lights and a low tea setting create a quiet threshold.

DesktopTabletPhone

DarkLightChecker

Full screen

Pro scene. Checking your access…

Customize

↶ Undo⤮ Shuffle⛓ Share⟲ Reset

Content2–

Where the 3D file lives (copy it into your public/models folder)

Picture shown while loading, or when 3D is not available

Colors1–

Backdrop colour

Size & timing4–

How fast it turns by itself (0 keeps it still)

How close the camera sits (higher is closer)

Overall brightness

Strength of the studio lights

Options3–

Show your page behind the scene instead of the backdrop colourPlay the model's own animation, if it has oneLet visitors zoom with the wheel or a pinch

import WorldOnsen from './WorldOnsen';

<WorldOnsen />

Dependencies: three