Home▸Colours & Light▸Theater Costume Design Simulation

🧪 Theater Costume Design Simulation

Interactive theatrical costume simulator: light a 3D costume with colored stage gels and watch the fabric's perceived color shift in real time, with live RGB and metamerism readouts grounded in additive stage-light mixing.

Colours & Light2DModerate60 FPS📱 Mobile-adapted
theater-costume-design-simulation ↗ Open standalone

A costume swatch never looks the same twice under stage lighting — its true color is a spectral reflectance, and what the audience actually sees is that reflectance multiplied by whatever colored light lands on it. This simulator renders a 3D costume form under a realistic two-light stage rig — a gelled key spotlight plus a neutral ambient fill — so you can pick the fabric's true hue and lightness, choose a gel color from real theatrical presets (red, amber, blue, green, magenta) or dial the key light's intensity, and watch the perceived color, luminance and color-shift distance update live as the render's physically based lighting recomputes it, exactly the way a lighting designer's swatch test would.

⚙ Under the hood

This simulation provides a platform for designing and experimenting with costumes for theatrical productions. It allows users to consider color palettes, fabrics, and silhouettes within the context of a performance.

Costume DesignFabric

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)