One composition. Multiple renderers. Select engine to launch.
2D canvas. Perlin noise particles. Palette interpolation. Fog vignette. The prototype engine.
→ Engine 02 three.jsWebGL 3D. True camera movement. GPU particle systems. Depth of field. Cinematic ceiling.
→ Engine 03 Raw Canvas 2DNo library. Bare browser canvas API. Maximum control, minimum abstraction. Fastest baseline.
→ Engine 04 PixiJSWebGL 2D renderer. Sprite batching. Blur and glow filters. Strong middle ground between p5 and three.
→ Engine 05 reglFunctional WebGL. Write GLSL shaders directly. Hundreds of thousands of particles. Low-level power.
→ Engine 06 SVG + D3Vector-based. Resolution independent. Smooth D3 transitions. Low particle count, infinite element quality.
Forma Composition is a generative visual engine. Each renderer interprets the same underlying composition data — particle counts, palette, motion parameters — through a different graphics primitive. The result is the same piece rendered six ways.
Pick a composition from the selector above, then click any engine card to launch it full-screen. Inside each engine: press D for the debug HUD. Most engines have their own animation and palette controls in a top bar.
Compositions are JSON files that describe visual parameters without caring about the renderer. Engines read the same spec and produce different outputs. This is the same principle as FormaComposition (MIDI) — encode intent, let the system execute.