Drag the corner handles to deform the projection surface using perspective transform math.
Homography Matrix: loading...
Surface Geometry & Warping: Every projection mapping project begins with defining the surface geometry.
Warping compensates for projection angle and surface shape. The 4 corner handles define a quadrilateral —
the system calculates the perspective transform (homography) needed to make projected content appear
undistorted on that surface. Drag the blue handles to simulate surface deformation.
Section 03
Throw Ratio Calculator
Overhead geometry diagram updates in real time as you adjust screen width and throw distance.
1.50
Throw Ratio (TR = D ÷ W)
Standard Throw
Projector Category
36.9°
Half-Cone Angle
Projector Model
Type
Throw Ratio
At 3m Screen
Match
Throw Ratio Formula: TR = Throw Distance ÷ Screen Width.
A 1.5:1 throw ratio on a 3m screen requires 4.5m of throw distance.
Short throw projectors (0.4–1.0) work in tight spaces; long throw (3.0+) can span large venues.
Lens offset allows vertical shift for ceiling-mounted installations without keystone distortion.
Section 04
Lumen & Brightness Lab
Simulate ambient light conditions and calculate required projector brightness.
Required Projector Brightness
2400
ANSI Lumens Recommended
Contrast Ratio
480:1
Brightness Formula: Required Lumens ≈ (Ambient Lux × Surface Area) ÷ (Gain × π) × Safety Factor.
A bright office (500 lux) washes out a 1000-lumen projector. For outdoor events, budget 10,000–30,000 lumens.
Gain factor reflects screen reflectivity — matte white = 1.0, textured stone ≈ 0.3–0.6.
Section 05
Zone Routing System
Click the building facade to paint zones, then assign each zone to a content channel.
Zone Routing maps specific content streams to architectural features.
A window gets cascading text, a wall gets a geometric animation, a dome gets an organic flow.
Each zone is independently addressable by a media server, enabling synchronized multi-surface playback.
Click anywhere on the facade to paint a zone with the active channel color.
Section 06
Edge Blend Simulator
Simulate seamless multi-projector blending with adjustable overlap width and gamma correction.
27%
Overlap Zone
1.00×
Peak Brightness Ratio
Seamless
Seam Quality
Edge Blending is how large venue installations tile a single giant image across 20+ meter surfaces
using multiple overlapping projectors. Without blending, the overlap zone appears twice as bright —
a harsh double-exposure. The blend gradient (gamma-corrected) ramps one projector down as the other ramps up,
creating a seamless luminance handoff. S-curve blending minimizes visible banding at the transition edges.
Section 07
Architectural Content Generator
Four live content presets mapped to a procedural building facade — architecture-aware animation.
Architecture-Aware Content: Each preset is designed to complement the building's structure.
Grid Reveal traces the existing geometry; Ocean Flow respects window positions as obstacles;
Text Cascade turns the facade into a data surface; Geometric Morph creates rhythmic tessellation.
In professional mappings, content is authored in tools like MadMapper, Resolume, or TouchDesigner
with the building's CAD geometry imported as a reference mask.
Section 08
History & Artist Profiles
From Disneyland's Haunted Mansion to the Las Vegas Sphere — five decades of projected light.
Timeline: 1969 – 2024
1969
Disneyland Haunted Mansion
1980s
Themed Entertainment Adopts Projection
2003
GE "Dreams of Flight"
2011
Bot & Dolly — Robotic Camera + Projection
2012
Coca-Cola Times Square Mapping
2014
Refik Anadol — Large-Scale Data Mapping
2018
Notre-Dame Facade Mapping
2022
Sphere Las Vegas — Groundbreaking
2024
Sphere Opens — 160,000 sq ft LED Facade
Pioneer Artists & Studios
Refik Anadol
Melting Memories (2018) — MoMA NY
Machine learning data sculpture; neural network visualization mapped onto architecture
Moment Factory
Sagrada Família Night Show (2014)
Multi-projector architectural narrative; 30+ overlapping beams on curved stone
1024 Architecture
Convergence (2019) — Festival of Lights Lyon
Generative code mapped to building geometry; live parameter control during performance
Bot & Dolly
Box (2013) — Industrial space
Robotic camera synchronized with projection; reality-illusion seamless integration
WOW Presents
RuPaul's DragCon Stage Designs (2016–)
Live performance projection with real-time tracking; performer-reactive content
Klipp Kollektiv
Urban Geometry (2020) — Berlin
Precise parametric geometry aligned to building grid; cold minimal aesthetic
Urbanscreen
540° (2010) — Sydney Opera House
Sculptural light painting; using architecture as 3D canvas with depth illusions
Obscura Digital
Empire State Building Centennial (2011)
Broadcast-scale single-night events; custom hardware rigs for extreme lumen output
Section 09
Technical Reference & Glossary
Standard tables, projector specs, and a complete 20-term glossary.