Flower Generator
Make exportable SVG flowers. This was a great exercise to learn how nature uses golden ratio for radial arrangement of florets for maximum exposure and density in a give space.
Usage
Use this tool to create crude structures for further editing in your vector graphics software. But with some patience, this tool in itself can create fantastic results (All the templates were created with this tool alone). Use the download links in the sidebar to export your designs either as JSON configs or as SVGs. JSON configs can be loaded back using the open file dialog. Check vector-bloom to integrate this in your project.
Guide
Start with any template by clicking it or start completely fresh using the "New" button. A flower has two main sections : Petals and Center. Add a petal layer by click on the "+" button in the Petals header. New layers are added below the last existing layer. (The drawing order follows the layer order in the configuration panel.) Re-arranging layers is possible with drag and drop. Remove a petal layer with the "-" button. Same principle apply for center arrangements.
A petal geometry can be changed and viewed in real-time by adjusting the controls in the geometry sub section of a petal. Colors can be changed by adjusting controls in the fill sub section. Some color configurations are offered as radial gradient. Double clicking on the bar of a gradient control adds a stop. Clicking on a stop allows changing color. Sliding the stop sets the gradient fraction. You need at least two gradient stops to see a gradient. Single stop results in solid colors.
Center radius dictates where petals offshoot radially. It also sets limits for center components. Center component has layers of arrangements which are basically radial arrangement of florets. All geometry features here except density change linearly with radius and hence are controlled with a range bar with two stops.
Depending on the age of a center component (floret), it may or may not have a tip. Both base and tip of a floret can be coloured.
License
Copyright © d0st 2024.
Output from this tool are belong to you (It's free). Sources are MIT licensed:
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE..