Awesome GitHub RepositoriesImmersive Computing

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

Servo is a high-performance, memory-safe web rendering engine designed for cross-platform embedding. It provides a modular framework that allows developers to integrate web content rendering into native applications across desktop, mobile, and embedded systems. By enforcing strict process isolation and memory safety, the engine creates a secure execution environment for processing web content. The engine distinguishes itself through a task-based, parallelized architecture that decouples layout, style, and rendering processes to maximize responsiveness. It utilizes a hardware-abstracted graphi

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

Potree ist eine webbasierte Point-Cloud-Rendering-Engine und ein Viewer für die Visualisierung und Analyse massiver 3D-Geodaten und LIDAR-Scans. Es fungiert als Tool für Geodatenanalyse, das die interaktive Erkundung hochdichter Punktwolken direkt im Webbrowser mittels WebGL ermöglicht. Das System nutzt Eye-Dome-Lighting zur Verbesserung der Tiefenwahrnehmung von 3D-Strukturen und unterstützt Virtual Reality für immersive räumliche Erkundungen. Es bietet spezialisierte Funktionen für die Dokumentation von 3D-Szenen durch hierarchische Annotationen und die Erstellung animierter Kamera-Fly-Through-Touren. Die Plattform enthält Tools für die Geodatenanalyse, wie z. B. Messungen von Abständen und Flächen, Höhenprofilierung sowie das Overlay externer Shapefiles und Geopackages. Benutzer können spezifische Features durch attributbasiertes Filtern und Clipping-Volume-Isolation isolieren, während externe Bilder mit der Punktwolken-Perspektive ausgerichtet und synchronisiert werden können. Potree verwendet ein vorverarbeitetes Binärformat und eine Octree-basierte räumliche Indizierung, um asynchrones Daten-Streaming und Level-of-Detail-Rendering für groß angelegte Datensätze zu ermöglichen.

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.

Dieses Projekt ist ein Creative-Coding-Showcase und ein interaktives 3D-Portfolio-Template. Es nutzt JavaScript und ThreeJS, um eine navigierbare Browser-Umgebung zur Präsentation professioneller Projekte und digitaler Kunstwerke zu rendern. Das Projekt implementiert eine interaktive WebGL-Galerie und immersive digitale Showcases. Diese Umgebungen nutzen hardwarebeschleunigte Grafik, um 3D-Navigation und kreative Web-Animationen bereitzustellen. Die technische Implementierung umfasst eine 3D-Szene mit Kamerabewegung und Beleuchtung, unterstützt durch GLTF-Modell-Loading und Raycaster-basierte Interaktion. Die Architektur verwendet ein Entity-Component-System-Pattern und eine synchronisierte Animationsschleife, um das Rendern dreidimensionaler Objekte zu verwalten.