INTERACTION / GENERATIVE / WEB
CHROMATIC PLAYGROUND
Fifteen overlapping shape types and three refractive glass lenses for exploring color, texture, and optical distortion.
LOADING EXPERIMENT…
PROJECT INFORMATION
Can a tool for choosing color also teach you how the colors relate?
WHAT I WAS EXPLORING
Overlapping geometry, color relationships, and glass lenses that magnify and distort the scene behind them.
TOOLS
React state / CSS gradients / Color systems
HOW TO INTERACT
Adjust hue, contrast, grain, and refraction. Remix the shapes to change their arrangement, or reset the composition.
WHAT I LEARNED
Controls are most useful when the output changes immediately and visibly.