Procedurally creating Heliotrophism · Three.js
. 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