Loading
An interactive generative art engine that transforms live typing into thriving botanical gardens with procedural growth, organic physics, and rich visual exports.
Living Letters & Algorithmic Flora (Overview)
Bloom re-imagines digital input as botanical planting. Rather than treating typography as static glyphs on a grid, every character typed onto the canvas serves as root and anchor for organic growth. Stems creep upward, budding nodes unfurl leaves, thorns calculate protective angles, and procedural petals burst into vivid blooms.
Keystrokes control the natural lifecycle: typing advances the root network, the spacebar cuts stems to start new floral clusters, backspacing triggers withering and decay animations, and enter clears the soil. Beyond live typing, a dedicated Poster Studio provides precision controls over orientation, motion presets, custom seeds, and export pipelines for high-resolution PNG, SVG vector, frame sequence ZIPs, and video capture.
Here is the computational pipeline from user keystroke to multi-layered canvas rendering and export:
The Intersection of Type and Nature (Motivation)
Digital typing is often an emotionally detached, sterile experience — characters appear instantaneously in uniform black and white rectangles. Bloom was born from the desire to make typing feel tactile, alive, and ephemeral, echoing the rhythm of natural growth and decay.
The ambition was to unite the precision of typographical metrics with the spontaneous irregularity of nature. By modeling organic growth patterns — leaf attachment angles, stem curvature under wind load, layered petal whorls, and fluttering butterflies that seek resting perches on flowers — typing transforms from transactional text entry into an expressive generative performance.
The Generative Botanical Engine (Key Features)
- Keystroke-Driven Lifecycles: Real-time growth tracking where character birth timestamps govern stem expansion, space cuts stems into bouquets, backspace withers vegetation with organic desaturation and drooping, and enter gently clears the canvas.
- Organic Physics & Kinetic Interaction: Canvas elements respond to wind simulation ("boil" jitter), cursor deflection, pointer recoil, and responsive leaning towards mouse movement.
- Atmospheric Butterfly Simulation: Autonomous butterflies flutter dynamically across the garden scene, computing flight paths and perching atop blossomed flower stamens.
- Dedicated Poster Studio: Switchable canvas workspace supporting 16:9 Landscape, 9:16 Portrait, and 1:1 Square layouts with customized seeds and motion presets (Breathe, Grow & Wither, Typed, Gust, Reach, Scatter, Visitor).
- Comprehensive Multi-Format Exporter: Instant capture to transparent PNG, resolution-independent SVG vector drawings, MediaRecorder-powered WebM/MP4 video clips, and frame-by-frame PNG sequence ZIP archives via JSZip.
- Handcrafted Color Palettes: 10 curated color schemes (Rose noir, Paper, Midnight, Citrus, Orchid, Moss, Tomato, Butter, Blush, and Mono) that dynamically re-tint background, stems, petals, veins, and typography.
- Zero-Backend Peer Presence: Peer-to-peer presence synchronization using the browser
BroadcastChannelAPI (tg-live), displaying live concurrent gardeners across windows and tabs.
Blooming in Digital Soil (Conclusion)
Bloom transforms everyday typing into an intimate artistic interaction. By fusing typographical metrics with algorithmic botany, it demonstrates that software can be meditative, visually breathtaking, and organic — turning every word into a garden that blooms, breathes, and withers in harmony with the writer.