Konsept Design WebXR Experiments

A collection of WebXR experiments exploring the future of VR and AR on the web. Each experiment demonstrates different aspects of immersive web technologies.

🔴
Click to try
experimental

Controller Sphere Placement

Simple controller interaction test: Press trigger to place colored spheres at controller position. Perfect for testing basic controller input and position tracking in AR/VR mode.

WebXRController InputPosition TrackingTrigger Events3D Placement
🎯
Click to try
experimental

Sphere Manipulation

Advanced sphere interaction: Point to select spheres, then use coordinate axes to drag them along X, Y, Z axes or XY, XZ, YZ planes. Full 3D object manipulation system.

WebXRRay CastingObject Selection3D ManipulationCoordinate AxesDrag and Drop
🎮
Click to try
experimental

Handle Manipulation

Multi-object 3D manipulation system: Place spheres, cubes, and cones using controllers. Select objects and manipulate them along coordinate axes or planes. Left trigger cycles object types, right trigger places objects.

WebXR3D ObjectsController InputObject ManipulationAxis ConstraintsMulti-Type Objects
📱
Click to try
experimental

QR Code Tracking

Camera-based QR code detection and tracking. Works both in regular browser mode with device camera and in XR mode with headset passthrough. Uses BarcodeDetector API with manual fallback for maximum compatibility.

WebXRBarcodeDetectorCamera APIThree.jsReact Three Fiber
Click to try
experimental

AR Prism Alignment

AR experiment using hand controllers as physical touch tools. Touch real prism corners with controller tips to collect precise 3D coordinates, then align virtual objects to match real-world geometry. Designed for Quest 3 passthrough mode.

WebXRHand ControllersAR Passthrough3D AlignmentPhysical Touch
🛠️
Click to try
experimental

Device Diagnostics

Real-time headset & controller detection (profiles, features, session state) with quick AR/VR start/exit controls.

WebXRControllersHeadset DetectionDiagnostics

About These Experiments

🥽

WebXR Compatible

Designed to work on VR headsets like Meta Quest, Vision Pro, and AR devices

📱

Mobile First

All experiments work on mobile devices and desktop browsers as well

Performance Focused

Optimized for 60fps on all platforms with minimal dependencies