THREE.JS / FOUNDATIONS 208

Pinch is a pointer.

Study the hand-pointer boundary as a deterministic desktop harness: a target ray finds the nearest mesh, pinch drives button states, and drag ownership is attached one frame later before returning to the original parent.

InitializingPreparing renderer

Preparing the WebXR hand pointer and desktop simulation.

mode
-
hand
-
pointer
-
hovered
-
drag state
-
clicks
-
moves
-
ray hits
-
Desktop hand harnesssame pointer state model

Connect, aim, and pinch the orange or pink button; select a cube to exercise deferred hand-pointer attachment.

Pointer event sequencewaiting
No hand-pointer events yet.
cursor distance-
object ownershipscene group

Button states are [none, hovered, pressed]; draggable states are [detached, hovered, to-be-attached, attached, to-be-detached].

Capability boundaryprobing
WebXR API-
immersive VR-
hand tracking-

Desktop simulation verifies the pointer state machine and ownership policy; native hand joints, pinch poses, and headset frame timing remain hardware-gated.

The VR button requests hand-tracking. This page does not fabricate an immersive session; its desktop harness reuses the same hit, pinch, button, and drag boundaries for study.

THREE.JS FOUNDATIONS / HAND POINTER