08 / 25·WebGL & 3D
CHROMA
Colour-science lab. Dissect a colour solid, point by point.
About the work
A colour-science lab whose specimen is a 4,200-point HSL bicone in three.js. Shader uniforms slice the solid open — by hue plane, by lightness slab — so the reader can dissect colour space the way the copy describes it.
How it was made
The dissection worked from the first build; the craft went into how the discarded points dim. Full transparency lost the solid's silhouette, so the final pass settled on a low alpha that keeps the bicone readable while the slice glows at full strength.
Like every work in the exhibition, it passed three full iteration passes — a visual critique, a deepening pass, and a QA pass at 390px with reduced motion and zero console errors — and documents itself in its own build guide.
Key features
- 4,200-point HSL bicone as a GPU point cloud
- Live dissection: hue-plane and lightness-slab slicing
- Slice controls bound to the reading position
- Dimmed off-slice points keep the solid's silhouette
Technology
- three.js
- Custom shaders
- Point clouds
- GSAP
In its own light
