Sp1,2 r φ sm sn pet age lines

Use your fingers or mouse to control model. Use mouse wheel to zoom it. In the right window use mouse wheel to animate flower (change its "age"). Drag slpine control points to control flower shape.

Procedural Lathe flowers 2

Revolution surfaces are used to make procedural petals. The red Bezier cubic spline is the generating r-curve. The blue φ-one determines petal shape. The second (bold curves) basis petal is active for editing.

I think now we have enough different flowers to make complex scenes. I'd like to make more realistic flowers in future but it is not very fast for one "gardener". All flowers are free for any use.

Cubic Bezier curves are more flexible than subdivision splines (used on the old Procedural Lathe flowers 1 pages). Hope that 4 control points are enough for simple flowers.
Procedural blossoming (with 2 or 3 key frames) is used for animation and to make many flowers with different ages.

Buds are made by rotation, scaling and "age" interpolation of petals, e.g.

   for(let i = 0; i < pet; i++ )
     petal(2.4*i, 1 + .03*i/pet, age*(.3 + .7*i/pet))

Procedural textures are made "by hand". Scripts are rather messy. E.g. one can interpolate smoothly base colors for leaf body, top and borders.
16 textures are combined in 64x(64x16) atlas. You can see small defects at petal origin and tip due to mixing of these textures after mipmapping.
Ambient and directional (1,1,1) lights are used.
Flower stem is controlled by the quadratic spline i.e. two lengths l0, l1 and theta angle (see Rose demo).

Examples

Roses (Rose and Rose 2 editors)
tulip

Tulip and Tulip editor
daisy

Daisy (Daisy and Daisy 2 editors)
lotus

Lotus and Lotus editor

A few more buds: Weed, Water lily, Tooth, Tooth 2, Apple flowers.
Procedural leaves, rose leaves and clover.

See also animations on old pages Procedural Lathe flowers 1.

Gardens

Tiny garden
pool

Old pool

Nightly pool (more realistic var. 2)
jungles

Billboard "jungles". To avoid visible walls 2 billboard "jungle" layers (and one backside opaque green wall) are used. Only one rendering call for all flowers second for billboards and one more for 15 instanced textured grass layers.
terrain

Terrain with fixed LOD (check "Lines" to see meshes). 1M vertexes are rendered.

More comments

These Gardens take only 30-40 KB (independently on number of flowers) and are optimized for Intel Atom Z3735F :)
One can use 2-sided petals (texture A-channel is not used yet).
Texture array would be more accurate. Also we could use triangle strips for rectangular NxM meshes in WebGL 2.
For adaptive LOD I'd like to use patch tessellation on GPU.
How to make tessellated surfaces by the compute shaders in WebGL 2+ ?

Unfortunately "3D" gardens are too flat on 2D screen. I'm using WebVR-polyfill and Brandon Jones's samples to make true 3D WebVR Gardens.

To Do

"rose petals vortex" animation
big forms: rose bushes, flower beds, trees?
animated butterfly, clouds, water, waterfall ... ?
shadows

See Epic Zen Garden demo :)

Simple flowers

Fantasy flowers

Simple flowers

Interactive splines. Contents updated 18 Sep 2017