interaction on the 3D web for any (x) input device

xinteraction translates events from input devices (e.g., Mouse, 6DOF Controller, Hand) into events on 3D Objects in a Three.js Scene.

xinteraction can be combined with natuerlich for WebXR use cases.

⤷ Getting start with xinteraction + natuerlich

Documentation

• Introduction Explains the xinteraction concept and use
• Pointing Input Devices Explains pointing interactions based straight rays
• Curved Pointing Input Devices Explains interactions using a curved line
• Distance Based Input Device Explains interactions like touching or grabbing
• Event Capture Explains event capture for dragging
• Event Forwarding Explains event forwarding for portals