Betrieb einer WebXR-Demo-Instanz

WebXR Hit Testing & Depth Sensing

Umfassender Leitfaden zu WebXR Hit Testing und Depth Sensing — Ray Intersection, transiente Hit-Tests, Auslesen des Depth Buffers, Occlusion Rendering und Mesh-Rekonstruktion für Interaktionen in der realen Welt.

WebXR Hand Tracking — Von Gelenken zu Gesten

Ein praxisnaher Deep-Dive in die WebXR Hand Tracking API — Gelenkpositionen, Pinch-Erkennung, benutzerdefinierte Gestenerkennung und Interaktionsmuster für immersive VR-Anwendungen.

WebXR ist eine Web-API, die immersive Erlebnisse direkt im Browser ermöglicht – eine App-Installation ist nicht erforderlich. Sie unterstützt sowohl Virtual Reality (VR) als auch Augmented Reality (AR) über eine einheitliche JavaScript-API.

Ausprobieren

Ich hoste eine WebXR-Demo-Instanz unter:

https://tobias-weiss.org/hello-webxr/ 🌐

Nutzen Sie den rechten Controller und die Trigger-Taste (Zeigefinger) zur Navigation. Die Demo zeigt grundlegende Room-Scale-VR-Interaktionen – das Umhergehen, das Aufheben von Objekten und die Manipulation der Umgebung.

Warum browserbasiertes XR?

Browserbasiertes XR bietet mehrere Vorteile:

• Keine Installation – Nutzer greifen direkt über eine URL auf VR zu
• Plattformübergreifend – funktioniert mit jedem WebXR-kompatiblen Headset-Browser
• Einfaches Teilen – einfach einen Link versenden
• Datenschutzfreundlich – selbstgehostete Lösungen halten Daten lokal

Self-Hosting

Die offizielle WebXR-Demo wird von der WebXR community gepflegt. Um eine eigene Instanz zu betreiben:

git clone https://github.com/immersive-web/webxr-samples

# Serve with any static file server
npx serve .

Sie benötigen einen WebXR-kompatiblen Browser (Firefox Reality, Meta Quest Browser oder Chrome mit VR-Unterstützung).

Hardware

Ich habe dies mit folgendem Equipment getestet:

• Meta Quest 2/3 (via Meta Quest Browser oder Virtual Desktop)
• HP Reverb G2
• Desktop-Modus mit Maus-/Tastatur-Fallback für Nicht-VR-Nutzer