Back to archiveGenerative Experiments
React Three Fiber

Morphing Icosahedron (Three.js)

An organic icosahedron surface that deforms continuously with layered 3D noise and custom shader color ramps.

How It Works

  • Vertex displacement uses multi-octave 3D noise to produce fluid, procedural motion.
  • A custom shader blends teal, magenta, and gold with fresnel rim lighting for depth.
  • Per-frame normal recomputation keeps highlights and shading coherent as geometry morphs.
  • Orbit controls with subtle auto-rotation showcase form changes from multiple angles.

Source Code

tsx