Stamp Garden

A dependency-free kinetic botanical studio built with HTML, CSS, and the Canvas 2D API.

Live: https://mickeyalton33.github.io/stamp-garden/

Open index.html directly, or serve the directory locally:

python3 -m http.server 8800

Then visit http://localhost:8800.

Features

• 15 specimen types — flowers (cosmos, poppy, lupine, dandelion, rose, sunflower), foliage (fern, monstera, grass), trees (willow, pine, bamboo), desert (cactus, succulent), and mushrooms.
• 10 visual themes — First Light, High Summer, Harvest, Moon Garden, Herbarium Ink, Desert Bloom, Alpine, Sakura Dusk, Cyber Flora, Wetland.
• Living growth — specimens keep maturing after you plant them; growth speed is adjustable.
• Wild reseeding — mature plants slowly seed the field on their own.
• Breeze physics — springy stems respond to ambient wind and hand-drawn gusts.
• Local autosave — artwork and settings persist in the browser; export a high-res PNG anytime.

Garden controls

• Choose a specimen, or Surprise for a random one.
• Click/tap for a cluster; drag to paint a meadow.
• Switch to Breeze and sweep over stems to create physical gusts.
• Adjust specimen size, brush density, ambient wind, and growth speed.
• Toggle wild reseeding and watch the garden expand over time.
• Undo by gesture, pause/play animation, clear with confirmation, and save a high-resolution PNG.

Keyboard

• Arrow keys move the canvas planting marker.
• Space plants or creates a gust at the marker.
• P selects Plant; B selects Breeze.
• Ctrl+Z or ⌘Z undoes the previous planting gesture.

Deploy

This site is published free via GitHub Pages from the main branch using the Actions workflow in .github/workflows/pages.yml.

Repo: github.com/MickeyAlton33/stamp-garden