Awesome GitHub RepositoriesWebXR Integrations

This project is a high-level 3D graphics engine designed to render complex, hardware-accelerated environments within web browsers. It provides a comprehensive abstraction layer that manages scene graphs, cameras, and lighting, mapping high-level scene definitions onto low-level graphics APIs. By decoupling these definitions from specific hardware targets, the engine ensures consistent performance across diverse browsers and devices. The framework distinguishes itself through a robust architecture that includes a unified math library for high-frequency spatial calculations and a physically bas

A-Frame is a declarative 3D scene engine and WebXR framework used to build virtual and augmented reality experiences directly in the web browser. It utilizes an entity component system where generic objects are assigned behaviors through attachable components and lifecycle hooks. The framework allows the assembly of immersive environments using HTML-like markup to define geometries, lighting, and materials. It implements WebXR standards to ensure consistent playback across different hardware and browsers, including support for VR headsets, desktops, and mobile devices. The system covers a br

This project is a WebGL 3D game engine and comprehensive suite of tools for rendering high-performance 3D graphics and interactive scenes in the browser using WebGL and WebGPU. It provides a dedicated WebXR framework for building augmented and virtual reality experiences that run directly in a web browser. The engine includes a specialized Gaussian splatting renderer for displaying 3D point-cloud data to create photorealistic environmental captures. It utilizes a glTF asset pipeline to load and stream compressed 3D models and textures for efficient asset delivery. The system covers real-time

AR.js is a web-based augmented reality framework used to create immersive experiences directly in a browser using WebGL and WebRTC. It provides a cross-platform runtime that executes on mobile devices and head-mounted displays without requiring a dedicated application installation. The framework includes a marker-based engine for detecting physical patterns or barcodes to anchor digital overlays, a location-based tool for positioning entities via GPS coordinates, and a face tracking library for anchoring content to human facial features. It supports multi-marker simultaneous tracking, custom

model-viewer ist eine Webkomponente, die verwendet wird, um dreidimensionale Modelle direkt in einem Webbrowser zu rendern und mit ihnen zu interagieren. Sie fungiert als glTF-3D-Modell-Renderer und interaktive WebGL-Komponente, die eine 3D-Rendering-Pipeline innerhalb eines benutzerdefinierten HTML-Elements kapselt. Das Projekt ermöglicht webbasierte Augmented Reality, wodurch 3D-Assets mithilfe einer Mobilgerätekamera in physische Umgebungen projiziert werden können. Es bietet Werkzeuge für Augmented-Reality-Projektion und die Erstellung von Erlebnissen durch die Kombination von 3D-Modellen mit Kamera-Tracking. Die Komponente unterstützt 3D-Produktvisualisierung und die Integration interaktiver Grafiken in Webseiten. Sie handhabt die Verarbeitung von glTF-Assets und nutzt Raycast-Interaktionslogik, um Benutzern die Manipulation und Betrachtung von Modellen aus verschiedenen Winkeln zu ermöglichen.

model-viewer is a web-based 3D model viewer provided as a web component for rendering interactive three-dimensional assets and animations directly in a browser. It functions as a specialized GLTF web renderer designed to display GLTF and GLB files with settings optimized for performance and quality. The project includes a WebXR augmented reality player that projects 3D models into real-world environments using mobile device cameras and spatial tracking. It also features a visual regression testing tool capable of generating golden images and comparing renders to detect visual regressions in 3

Pannellum ist ein WebGL-Panorama-Viewer und ein Framework für virtuelle Touren, das dazu dient, equirectangulare oder Cubemap-Bilder als immersive 360-Grad-Umgebungen zu rendern. Es fungiert als Renderer für Bilder mit mehreren Auflösungen und als Player für Panoramavideos, der sowohl statische Bilder als auch sphärische Videowiedergabe unterstützt. Das Projekt zeichnet sich durch seine Fähigkeit aus, extrem große, hochauflösende Panoramen durch Generierung und Laden von Kacheln in mehreren Auflösungen zu verarbeiten. Es ermöglicht die Erstellung interaktiver virtueller Touren durch die Verknüpfung mehrerer Panoramaszenen mittels Übergangs-Fades und interaktiver Hotspots. Das System umfasst Funktionen für automatisierte Kamerabewegungen, Integration der Geräteorientierung für mobile Look-around-Erlebnisse und ein Hook-System zur Überwachung von Viewer-Ereignissen. Zudem bietet es Hilfsmittel für UI-Lokalisierung, Steuerung des Viewer-Zustands und das Rendern von Fallback-Inhalten für Browser ohne Hardwarebeschleunigung.