jonobr1/two.js
Two.js
Two.js is a multi-backend graphics engine and vector drawing library that provides a unified API for creating two-dimensional graphics and animations. It functions as a renderer-agnostic abstraction layer, allowing users to generate vector shapes and paths that can be rendered via SVG, Canvas2D, or WebGL.
The engine includes a scene graph manager to organize objects into hierarchical groups, enabling the propagation of collective transformations and parent-child relationships. It also features a headless graphics renderer, providing a node-based implementation for generating 2D drawings in server-side environments without a browser.
The library covers vector shape generation, SVG data import, and the rendering of bitmap imagery. It includes a frame-based animation loop for motion graphics and a set of styling tools for fills, strokes, and gradients. Additionally, it provides object lifecycle management to release memory and unbind events in long-running sessions.
Features
- 2D Graphics Frameworks - Provides a unified framework for rendering 2D shapes and animations across multiple web-based backends.
- Vector Graphics Renderers - Provides a multi-backend graphics engine for rendering 2D vector shapes via SVG, WebGL, or Canvas.
- Shape Drawing - Provides tools for programmatically generating geometric primitives and complex vector paths with custom styling.
- Abstraction-Layer Rendering Backends - Implements a renderer-agnostic abstraction layer to switch between SVG, Canvas2D, and WebGL backends.
- Headless Renderers - Implements a node-based renderer to generate 2D vector graphics in server-side environments without a browser.
- Scene Management Systems - Organizes complex hierarchies of vector shapes and images with shared transformations.
- Object Hierarchy Management - Manages the nesting of drawable objects to propagate transformations and handle complex scene compositions.
- Scene Graphs - Uses a hierarchical scene graph to organize objects and propagate spatial transformations and styles.
- Multi-Backend Renderers - Offers a renderer-agnostic abstraction layer that allows switching between SVG, Canvas2D, and WebGL output technologies.
- Unified Vector APIs - Provides a single set of drawing commands that translate to backend-specific instructions at runtime.
- Vector Shape Construction - Generates 2D geometric primitives and paths with customizable fills, strokes, and opacity.
- Animation Loops - Implements a continuous animation loop that updates object properties at a consistent frame rate.
- Scene Graphs - Includes a system for organizing 2D objects into hierarchical groups to manage spatial transformations and property propagation.
- Bitmap Rendering - Supports loading and displaying static images, sprite sheets, and image sequences alongside vector content.
- Headless Implementations - Provides a node-based canvas implementation for generating 2D drawings on a server without a browser.
- Dynamic SVG Manipulation - Imports and programmatically manipulates SVG files to create dynamic scenes in the browser.
- Headless Vector Engines - Generates 2D drawings on a server or cloud environment using a node-based headless canvas.
- SVG-Based Vector Rendering - Parses Scalable Vector Graphics files and converts them into vector elements for the scene.
- SVG Parsers - Translates SVG XML data into internal scene objects while preserving geometric and styling attributes.
- Object Grouping - Allows clustering multiple objects into single entities for shared styling and collective transformations.
- Interactive Animation Systems - Facilitates building smooth motion graphics and interactive visual elements using a continuous loop.
- Vector Styling Tools - Provides tools for filling or stroking shapes using linear gradients, radial gradients, textures, or image sequences.
- Data Visualization - Renderer-agnostic 2D drawing API.
- Canvas and WebGL Graphics - Renderer-agnostic 2D drawing API with animation support.
- Game Engines - Renderer-agnostic 2D drawing API.
- Graphics and Rendering - Renderer-agnostic 2D drawing API.
