domains / families / software-engineering / add-mouse-driven-orbit

add-mouse-driven-orbit

separate

Add restrained mouse-driven orbit and parallax depth to a Three.js hero by damping one pointer target and splitting it across camera translation, look-at, and small object rotations. Use for passive cinematic 3D heroes, pointer-responsive scenes, organic model parallax, and interactive depth where OrbitControls would feel like a product viewer.

When to use

• passive cinematic 3D heroes
• pointer-responsive scenes
• organic model parallax
• interactive depth
• shallow camera arc
• small object rotations
• CSS parallax from smooth pair

When not to use

• direct product inspection
• OrbitControls usage
• drag, zoom, occlusion, or gameplay cameras
• touch dragging to reveal content
• equal movement for all layers

Skill page

Source