N°15 · three.js · 3D Creative Coding

Light Sculpture

Monumental typography revealed by your moving light. Letters exist as volumes in darkness — only your cursor brings them into being.

WebGL indisponible

move mouse to sculpt with light

Mot Intensité Couleur

// Sculpture de lumière — typographie 3D + point light mobile
// La scène est en noir total — seule la lumière révèle

const pointLight = new THREE.PointLight(0xc8f135, 15, 12);
scene.add(pointLight);

// Texte 3D via ExtrudeGeometry sur un TextGeometry
// (Ici simplifié avec des BoxGeometry alignées)

canvas.addEventListener('mousemove', (e) => {
  const x = (e.clientX / W) * 10 - 5;
  const y = -(e.clientY / H) * 6 + 3;
  pointLight.position.set(x, y, 3);
});

Your turn

At what distance does the light create the most dramatic shadows? Try grazing the surface with light — how does the angle reveal texture that frontal light hides?

Light as interaction material — explore the workshop

Book a session