. Procedurally creating Heliotrophism · Creative Coding · Three.js
Procedurally creating
Heliotrophism
This piece, Procedurally creating Heliotrophism, starts from heliotropism: the tendency of a plant to turn toward the sun. The Three.js sketch simulates that behaviour: a procedurally generated sunflower whose head continuously tracks a light source that follows the cursor.
Every part is built from geometry: a spline-curved stem, extruded petals arranged in two layers, spiral seed bumps following the Fibonacci sequence, and leaves shaped with quadratic curves. The sun's colour and intensity shift with its height, casting warm morning light low and bright midday light high.
Three.js
WebGL
Procedural Geometry
TubeGeometry
ExtrudeGeometry
CatmullRom Spline
Fibonacci Spiral