Code related to 3D and XR web development that could be useful for others
Reusable code for use with the React framework.
A simple component that handles collisions with the hand joints. Uses:
@react-three/fiberfor useFrame@react-three/xrfor useXR and useController@react-three/rapierfor everything related to physics
Short demonstration video: https://www.youtube.com/shorts/xgTx9lm-t_U
Put the HandPhysics component under the Rapier Physics component, for each hand separately.
A component that generates fixed physics colliders for the meshes detected by WebXR
Put the RoomGeometry component under the Rapier Physics component