Use @pmndrs/handle to let users move, rotate, and scale objects or the camera in a plain three.js scene with mouse, touch, XR controllers, and hands — draggable objects, constrained handles (doors, levers), editor gizmos (TransformHandles, PivotHandles), and…
pmndrs/xr
- Latest recorded source activity
- SkillsMP catalog refreshed
- skills collected
- 5
- GitHub stars
- 2,622
- GitHub forks
- 206
Install with an AI assistant
Copy this prompt into the AI assistant you're using.
Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/pmndrs/xr.Loading the repository README…
Skills in this repository
Showing 5 of 5 collected skills.
Use @pmndrs/pointer-events to give a plain three.js scene DOM-style pointer events (click, hover, drag with pointer capture) from mouse/touch, XR controllers, hands, or custom inputs, and to forward events through render-target screens or portals. Use when…
Use @react-three/handle to let users move, rotate, and scale objects or the camera in React Three Fiber, with mouse, touch, XR controllers, and hands alike — draggable objects, door/lever-style constrained handles, editor gizmos (TransformHandles,…
Use @react-three/xr to build or convert React Three Fiber apps into VR/AR (WebXR) experiences — session setup, controller/hand/gaze input and its customization, pointer interactions, moving the user (origin, teleport, thumbstick locomotion), AR features (hit…
Use @pmndrs/xr to turn a plain three.js app into a VR/AR (WebXR) experience — session setup, default controllers/hands/gaze with pointer interactions, custom inputs, origin and teleport, controller locomotion, AR hit test and anchors, and layers. Use for…