aframevr/aframe
Aframe
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 broad range of capabilities, including 3D geometry generation, spatial audio control, and a declarative animation system. It integrates hardware-specific features such as controller and hand tracking, as well as augmented reality blending through hit testing and lighting estimation.
A built-in visual editor provides real-time scene inspection for modifying entity properties within the browser.
Features
- WebXR Integrations - Implements WebXR standards to provide cross-platform support for VR and AR headsets in the browser.
- Entity Component Systems - Utilizes an entity component system to organize scene state into generic objects with attachable behaviors.
- Custom Component Schemas - Allows developers to create custom schemas and lifecycle hooks to manage modular entity behavior.
- Immersive Computing - Provides the core framework to create virtual and augmented reality environments that run directly in a web browser.
- Virtual Reality - Provides tools for VR interaction including controller tracking, raycasters, and collision detection.
- Declarative 3D Scene Graphs - Implements a declarative 3D scene graph that synchronizes state with a WebGL rendering engine.
- Immersive Environment Composition - Enables the assembly of complex 3D environments using declarative markup for assets and lighting.
- Declarative Scene Graphs - Implements an architecture that treats 3D scene graphs as declarative trees mapped to object mutations.
- Entity Composition Systems - Enables the assembly of 3D objects by attaching modular behaviors and properties to entities.
- Declarative Scene Markup - Provides a declarative HTML-like markup system for defining 3D geometries, lighting, and materials.
- Web Standards - Implements WebXR standard specifications to ensure consistent immersive experiences across hardware and browsers.
- Augmented Reality Frameworks - Blends virtual content with physical environments using hit testing and lighting estimation.
- Graphics Asset Caching - Pre-loads and caches textures and 3D models to prevent scene stuttering during playback.
- VR Development Toolkits - Provides a suite for creating and debugging interactive 3D scenes across various headsets and devices.
- 3D Lighting and Shadows - Provides directional and ambient lights with support for shadows and tone mapping.
- Asset Loading Systems - Implements systems for pre-loading and caching external 3D models, textures, and audio to ensure smooth rendering.
- Spatial Audio - Supports positional and non-positional spatial audio using panners and 3D coordinate mapping.
- Camera Perspective Configurations - Configures perspective and orthographic cameras, including spectator modes and immersive navigation.
- Geometry Primitives - Generates primitive shapes and custom polyhedrons to build the visual structure of virtual scenes.
- Material and Shader Configuration - Defines the visual appearance of objects using shaders, lighting, blending modes, and texture maps.
- Immersive Input Tracking - Maps physical controller and hand tracking data to virtual entities for interaction and movement.
- VR Hardware Compatibility - Ensures seamless playback and interaction across various virtual reality headsets and devices.
- Declarative Animations - Allows changing properties like position, rotation, and scale over time using a declarative animation system.
- Raycasting and Collision Selection - Implements raycasting and collision detection to enable the selection and manipulation of 3D objects.
- 3D Asset Loaders - Provides utilities for loading 3D models and animations from standard interchange formats into the scene.
- Web-Based Asset Pipelines - Manages the loading, pre-loading, and caching of external 3D assets for smooth browser rendering.
- Game Engine Development - Web framework for building virtual reality experiences.
