Skip to content
Artisans d'Idées: Treats Shadow as a Material

Artisans d'Idées: Treats Shadow as a Material

Open Artisans d'Idées and you get a black screen with one instruction: click to illuminate. What follows is a horizontal Three.js journey rendered almost entirely in shadow, with audio coupled to camera state instead of a clock. Built by Paris studio Immersive Garden. Worth opening devtools for.

Details

Published

What it is

Open Artisans d'Idées and you get a black screen with one small invitation: click to illuminate. Follow it, and the site exhales. Statues drift up out of shadow, type floats past like it's been filmed underwater, and the whole thing scrolls sideways through what feels less like a website and more like a short film with chapters.

Under the hood it's Three.js. The layout is horizontal and fullscreen, with intentionally unusual navigation, and the audio is hooked to camera state rather than wall-clock time, so every gesture you make has acoustic weight.

The site is by the Paris studio Immersive Garden, with sound by Mooders and development partnership from 60 fps.

How it’s made

Technology
WebGL
Framework & Tool
Three.js