add-mouse-driven-orbit

Record a normalized pointer target from pointermove, damp it in the frame loop with a refresh-rate-independent lerp, then split it across camera translation, a partially carried look-at, and small unequal object rotations. This creates depth without breaking the composition.

Use passive pointer orbit for cinematic heroes where the camera should enhance a fixed composition. Use OrbitControls when the user must directly inspect a product, and use gameplay camera controls for drag, zoom, or occlusion scenarios.

Convert a per-frame factor like 0.055 at 60 Hz into a delta-based alpha: 1 - Math.pow(1 - 0.055, dt * 60). Clamp dt to 1/30 s and reset the time base after the tab is hidden to avoid jumps.

Passive orbit should ignore touch pointers and keep the authored center pose, since touch users cannot hover. Provide keyboard-operable range controls so non-pointer users can still access the same authored poses.

Render a designed static pose, such as a three-quarter still at fixed x and y values, with no interpolation or autonomous easing. Keep pose controls live so users can select other still frames manually.

Calling getBoundingClientRect on every pointermove forces synchronous layout. Cache the interactive rectangle from a ResizeObserver instead, and stop style writes once rounded pointer values settle.