10 dépôts
Technologies and integrations that enable immersive experiences, such as virtual or augmented reality, within web environments.
Explore 10 awesome GitHub repositories matching graphics & multimedia · Immersive Computing. Refine with filters or upvote what's useful.
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
Integrates spatial tracking and controller input to power immersive virtual and augmented reality experiences directly in the browser.
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
Initializes a rendering context using hardware-accelerated graphics abstractions.
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
Implements WebXR standards to provide cross-platform support for VR and AR headsets in the browser.
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
Interfaces with browser-based extended reality standards to map virtual content to augmented and virtual reality hardware.
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
Integrates with WebXR to support AR content on mobile devices and head-mounted displays.
model-viewer est un composant web utilisé pour rendre et interagir avec des modèles 3D directement dans un navigateur web. Il fonctionne comme un moteur de rendu de modèles 3D glTF et un composant WebGL interactif, encapsulant un pipeline de rendu 3D au sein d'un élément HTML personnalisé. Le projet permet la réalité augmentée basée sur le web, permettant aux actifs 3D d'être projetés dans des environnements physiques en utilisant la caméra d'un appareil mobile. Il fournit des outils pour la projection en réalité augmentée et la création d'expériences en combinant des modèles 3D avec le suivi de caméra. Le composant prend en charge la visualisation de produits 3D et l'intégration de graphiques interactifs dans les pages web. Il gère le traitement des actifs glTF et utilise une logique d'interaction par raycast pour permettre aux utilisateurs de manipuler et de visualiser les modèles sous différents angles.
Integrates with the WebXR API to project virtual objects onto real-world camera feeds.
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
Provides a built-in player that utilizes WebXR to project 3D models into real-world environments via mobile browsers.
Potree est un moteur de rendu et une visionneuse de nuages de points basé sur le web, conçu pour la visualisation et l'analyse de jeux de données spatiaux 3D massifs et de scans LIDAR. Il fonctionne comme un outil d'analyse géospatiale qui permet l'exploration interactive de nuages de points haute densité directement dans un navigateur web via WebGL. Le système utilise l'éclairage eye-dome pour améliorer la perception de la profondeur des structures 3D et prend en charge la réalité virtuelle pour une exploration spatiale immersive. Il offre des capacités spécialisées pour la documentation de scènes 3D via des annotations hiérarchiques et la création de visites guidées animées par caméra. La plateforme inclut des outils d'analyse de données géospatiales, tels que des mesures de distance et de surface, des profils d'élévation et la superposition de fichiers shapefiles et geopackages externes. Les utilisateurs peuvent isoler des caractéristiques spécifiques en utilisant le filtrage par attributs et l'isolation par volume de découpe, tandis que des images externes peuvent être alignées et synchronisées avec la perspective du nuage de points. Potree utilise un format binaire pré-traité et une indexation spatiale basée sur un octree pour faciliter le streaming de données asynchrone et le rendu par niveau de détail pour les jeux de données à grande échelle.
Supports immersive exploration of high-density point clouds via virtual reality and advanced depth-perception shading.
Pannellum est un visualiseur de panorama WebGL et un framework de visite virtuelle utilisé pour rendre des images équirectangulaires ou cubemap comme des environnements immersifs à 360 degrés. Il fonctionne comme un moteur de rendu d'images multirésolution et un lecteur vidéo panoramique, prenant en charge à la fois les images statiques et la lecture vidéo sphérique. Le projet se distingue par sa capacité à gérer des panoramas extrêmement grands et haute résolution grâce à la génération et au chargement de tuiles multirésolution. Il permet la création de visites virtuelles interactives en reliant plusieurs scènes panoramiques entre elles à l'aide de fondus de transition et de points d'intérêt interactifs. Le système inclut des capacités pour le mouvement automatique de la caméra, l'intégration de l'orientation de l'appareil pour des expériences de regard mobile, et un système de hooks pour surveiller les événements du visualiseur. Il fournit également des utilitaires pour la localisation de l'interface utilisateur, le contrôle de l'état du visualiseur et le rendu de contenu de secours pour les navigateurs sans accélération matérielle.
Integrates interactive hotspots and event handlers within a panoramic view to create immersive web interfaces.
Ce projet est une vitrine de création numérique et un template de portfolio 3D interactif. Il utilise JavaScript et ThreeJS pour rendre un environnement de navigateur navigable afin de présenter des projets professionnels et des œuvres d'art numériques. Le projet implémente une galerie interactive WebGL et des vitrines numériques immersives. Ces environnements utilisent des graphismes accélérés par le matériel pour fournir une navigation 3D et des animations web créatives. L'implémentation technique inclut une scène 3D avec mouvement de caméra et éclairage, supportée par le chargement de modèles GLTF et une interaction basée sur le raycasting. L'architecture emploie un modèle entité-composant-système et une boucle d'animation synchronisée pour gérer le rendu des objets tridimensionnels.
Creates an immersive digital showcase allowing users to explore a portfolio via 3D navigation.