Skip to main content

The raycastable prop controls whether an Object3D can be hit by raycasting.

PropTypeDefaultDescription
raycastablebooleantrueWhen false, the object isn't hit by rays directly, but still receives events that bubble up from its descendants.
<T.Mesh name="parent" raycastable={false} onClick={() => console.log("Child clicked!")}>
<T.Mesh name="child" />
</T.Mesh>

See also

  • Events overview — the rest of the event system and the full event-object shape.

Last updated: 6/8/26, 11:20 AM

solid threeA SolidJS renderer for three.js — learn by reading.
Community
github