FlowerPower is an interactive botanical studio for designing, inspecting, and exporting stylized 3D flowers. This guide explains the editor from left to right and covers the complete workflow from choosing a variety to exporting an image.
The application has three main areas:
Every design change is reflected on the canvas immediately.
Use the pencil or palette button at the top of the right panel to switch between the two render modes:
The line drawing uses the same flower geometry and current camera position as the color view. Switching modes does not reset your design.
The XY grid button at the top of the right panel toggles a reference grid beneath the flower. Use it to judge scale, alignment, and stem curvature. Turn it off before exporting if you want a completely blank white background.
Save study stores the current flower design in FlowerPower's PostgreSQL database. The saved record includes the preset, procedural seed, render mode, petal settings, palette, stem, lighting, and grid state. The button reports when the save is in progress, succeeds, or fails.
The Flower center density control adjusts how densely florets, stamens, and anthers are arranged. Lower values create an open, graphic center; higher values produce a fuller botanical center. This setting is included when a study is saved.
Use Petal waviness to add broad, irregular undulations across the petal surface. Unlike Tip curl, which bends the petal along its length, waviness creates alternating rises and dips that fade toward the attachment point. Each petal receives a seed-stable variation, and the setting is retained in saved studies.
The three square buttons at the lower-left of the canvas control presentation. Line drawing switches to flat white surfaces with black edges, XY grid toggles the composition grid, and Photorealistic rendering enables a restrained studio environment plus richer material response for petals, leaves, and stems. Select an active rendering button again to return to the standard matte color view. Render mode and grid state are retained in saved studies.
The Stem structure controls treat the stem as a set of related components. Height, Thickness, and Taper shape the primary stalk; Growth nodes changes the number of scars and axillary buds; Stem hairs scales the species' natural surface hair density. Leaves, petioles, modeled lenticels, and node placement follow the adjusted stalk. All stem settings are retained in saved studies.
The Leaf structure controls preserve each species' baseline silhouette while adjusting its components. Foliage amount changes the number of leaf pairs, Leaf length and Leaf width reshape the full blade/petiole assembly, Leaf curl controls cupping, Edge serration scales the natural margin pattern, and Vein density changes the modeled lateral-vein network. Leaf settings are retained in saved studies.
The expanded Petal form controls treat a petal as a volumetric assembly. Base width shapes its attachment, Blade thickness separates the front and back surfaces and edge rim, Central fold controls the mid-blade ridge, and Longitudinal twist rotates the blade in either direction. Edge ruffle and Tip notch scale each species' natural outline, while Vein relief changes the bump depth without making the material glossy. Petal settings are retained in saved studies.
The compact Color palette is overlaid at the lower-right of the canvas and edits petal, petal-tip, center, and stem colors. Canvas display controls and Reset view share the lower-left tool row, keeping presentation tools close to the Three.js view.
The Flower center is a configurable assembly. Center size and Center profile shape the receptacle, Floret size and Element spread organize the spiral floret field, Filament length changes the stamen ring, and Anther size and Stigma size shape the reproductive details. These work with Element density, which controls how many florets and stamens are generated. All center settings are retained in saved studies.
The stem contains a continuous structural center wire that follows the same spline as the visible stalk. Every leaf attachment is sampled directly from this wire, and each petiole begins at that exact point before entering the leaf blade. Changing stem height, curve, foliage amount, or species therefore regenerates connected attachment points instead of leaving leaves at fixed coordinates.
The realism controls also include Petal age, Natural spotting, and Nectar guides for seed-stable surface character. Leaf droop adds gravity to foliage, while Bloom tilt and Bloom turn break the rigid front-facing pose. These characteristics are persisted with saved studies.
Select Saved flowers in the top toolbar to browse the collection stored in PostgreSQL. Each entry shows its name, variety, seed, render mode, and save date. Select Load to restore every saved setting and display that flower on the canvas; you can then continue editing, export it, or save another study.
The book button opens this guide in a new browser tab, allowing you to keep the instructions beside the studio.
Export PNG renders the current Three.js scene with the active camera and downloads it as a timestamped PNG file. The export contains the canvas only—not the toolbar or control panel.
Before exporting:
The presets provide different botanical structures rather than color changes alone:
Selecting a preset updates the relevant shape and color settings and creates a new procedural seed. You can customize every preset afterward.
Controls the number of petals in the primary whorl. Varieties with multiple layers derive their additional petal counts from this value.
Changes how far the petals extend from the flower center. Long petals create a larger, more open silhouette.
Controls the petal body width. The selected variety still contributes its own characteristic width and outline.
Bends petals away from their base plane. Higher values produce more pronounced lifted or curled tips.
Controls how open the flower appears. Higher values flatten the bloom outward; lower values pull petals into a more closed form.
Introduces seeded differences in petal length, width, angle, lift, and twist. Small values look orderly; larger values create a looser, more organic flower.
Select a circular swatch to open the browser color picker.
Petals blend between the petal and petal-glow colors. Fine procedural variation prevents every vertex from having an identical shade.
At close range, petals, leaves, stems, and flower centers also use procedural vein, fiber, and roughness textures. The reproductive center includes species-specific disc florets, filaments, anthers, an ovary, and stigma lobes.
Changes the stem's lateral bend while preserving its tapered construction. Use smaller values for a formal botanical study and larger values for a gestural composition.
Adjusts the primary studio light intensity in color view. It does not add a ground shadow, and it has no effect on the flat materials in line-drawing mode.
The live-study label in the upper-left identifies the selected variety and current procedural seed.
Randomize naturally generates a new seed and makes bounded changes to petal count, curl, and natural variation. It is designed to create related flowers rather than completely unrelated shapes.
If you like the general result, continue refining it with the individual controls.
PNG export uses the current canvas camera. Reposition the flower on the canvas and export again.
The composition grid is part of the Three.js scene. Turn off the grid button before exporting.
Rotate the flower slightly or zoom in. The black lines are derived from visible model geometry, so camera angle affects their readability.
Adjust Natural variation. The result remains deterministic for the displayed seed until you apply a preset or randomize again.
Confirm that the browser allows downloads from the site. Some privacy modes or embedded browsers block programmatic file downloads.
Flower design controls and PNG generation run in the browser. Selecting Save study sends the current settings to the FlowerPower server for persistence in PostgreSQL.
The navigation sidebar also contains the generated TypeScript API reference for FlowerPower's reusable store, database, and model-related types. Most studio users do not need these pages.