Generative Spring Blossoms

This interactive project invites participants to co-create spring by drawing flowers onto branching trees through clicks or key interactions. Using p5.js, I designed a system where users can either manually plant flowers or let them automatically bloom on a procedurally generated tree. The visual and structural logic of the tree mimics organic growth, with recursive branching patterns creating a naturalistic form.

The design combines abstract and organic elements: flowers appear as geometric spirals with petals that can shift shapes—circle, triangle, or diamond—depending on user input. The color palette evokes a soft, seasonal feeling, drawing from pastel hues inspired by early blossoms: gentle pinks, blues, greens, and whites.

A subtle rainfall effect adds atmosphere, and interactive UI hints guide the experience. Pressing G triggers an auto-bloom mode, T adds new trees, and keys 1, 2, 3 toggle flower shapes. The code balances randomness and control, allowing each user to generate unique compositions—an invitation to slow down, play, and cultivate their own springtime art.