<tosi-scroll-camera> · <tosi-scroll-time> · <tosi-scroll-animation>

Scroll controllers for a tosijs-ui <tosi-3d> BabylonJS scene. Place them inside a <tosi-3d> within a section; each reads scroll progress and drives one aspect of the scene — camera, time-of-day, or an animation — declaratively via <tosi-waypoint> children.

<tosi-scroll-camera>

Interpolates an ArcRotateCamera (or a positional camera) across <tosi-waypoint> keyframes.

• Arc-rotate: alpha, beta, radius, target-x / target-y / target-z.
• Positional: x, y, z, fov.
• easing="ease-in-out" eases each segment.

<tosi-scroll-time>

Maps progress to a time-of-day on a sibling <tosi-b3d-skybox> — from / to hours. Set realtimeScale="0" on the skybox to stop auto-advance.

<tosi-scroll-time data-scroll-animate from="6" to="18"></tosi-scroll-time>

<tosi-scroll-animation>

Scrubs a named BabylonJS AnimationGroup to the frame for the current progress — name.

<tosi-scroll-animation data-scroll-animate name="DoorOpen"></tosi-scroll-animation>

See also <tosi-scroll-map> and <tosi-product>.