10 مستودعات
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 هو مكون ويب يُستخدم لعرض والتفاعل مع النماذج ثلاثية الأبعاد مباشرة في متصفح الويب. يعمل كمصيّر نماذج glTF ثلاثية الأبعاد ومكون WebGL تفاعلي، حيث يغلف خط أنابيب عرض ثلاثي الأبعاد داخل عنصر HTML مخصص. يتيح المشروع الواقع المعزز القائم على الويب، مما يسمح بإسقاط الأصول ثلاثية الأبعاد في البيئات المادية باستخدام كاميرا الجهاز المحمول. يوفر أدوات لإسقاط الواقع المعزز وإنشاء التجربة من خلال الجمع بين النماذج ثلاثية الأبعاد وتتبع الكاميرا. يدعم المكون تصور المنتج ثلاثي الأبعاد ودمج الرسومات التفاعلية في صفحات الويب. يتعامل مع معالجة أصول glTF ويستخدم منطق تفاعل raycast للسماح للمستخدمين بمعالجة وعرض النماذج من زوايا مختلفة.
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 is a web-based point cloud rendering engine and viewer designed for the visualization and analysis of massive 3D spatial datasets and LIDAR scans. It functions as a geospatial analysis tool that enables the interactive exploration of high-density point clouds directly within a web browser using WebGL. The system utilizes eye-dome lighting to enhance depth perception of 3D structures and supports virtual reality for immersive spatial exploration. It provides specialized capabilities for 3D scene documentation through hierarchical annotations and the creation of animated camera fly-throu
Supports immersive exploration of high-density point clouds via virtual reality and advanced depth-perception shading.
Pannellum هو عارض بانوراما WebGL وإطار عمل للجولات الافتراضية يُستخدم لعرض الصور متساوية المستطيلات أو مكعبات الخرائط كبيئات غامرة بزاوية 360 درجة. يعمل كعارض صور متعدد الدقة ومشغل فيديو بانورامي، ويدعم كلاً من الصور الثابتة وتشغيل الفيديو الكروي. يتميز المشروع بقدرته على التعامل مع صور بانورامية كبيرة جداً وعالية الدقة من خلال إنشاء وتحميل البلاطات متعددة الدقة. يتيح إنشاء جولات افتراضية تفاعلية من خلال ربط مشاهد بانورامية متعددة معاً باستخدام تلاشي الانتقال والنقاط الساخنة التفاعلية. يتضمن النظام إمكانيات لحركة الكاميرا الآلية، وتكامل اتجاه الجهاز لتجارب النظر حول الهاتف المحمول، ونظام ربط لمراقبة أحداث العارض. كما يوفر أدوات لتوطين واجهة المستخدم، والتحكم في حالة العارض، وعرض محتوى احتياطي للمتصفحات التي لا تحتوي على تسريع للأجهزة.
Integrates interactive hotspots and event handlers within a panoramic view to create immersive web interfaces.
هذا المشروع عبارة عن معرض برمجة إبداعية وقالب محفظة ثلاثي الأبعاد تفاعلي. يستخدم JavaScript وThreeJS لعرض بيئة متصفح قابلة للتنقل لتقديم المشاريع المهنية والأعمال الفنية الرقمية. يطبق المشروع معرضاً تفاعلياً بتقنية WebGL وعروضاً رقمية غامرة. تستخدم هذه البيئات رسومات مسرعة بالأجهزة لتوفير تنقل ثلاثي الأبعاد ورسوم متحركة إبداعية للويب. يتضمن التنفيذ التقني مشهداً ثلاثي الأبعاد مع حركة الكاميرا والإضاءة، مدعوماً بتحميل نموذج GLTF وتفاعل قائم على raycaster. تستخدم البنية نمط كيان-مكون-نظام وحلقة رسوم متحركة متزامنة لإدارة عرض الكائنات ثلاثية الأبعاد.
Creates an immersive digital showcase allowing users to explore a portfolio via 3D navigation.