Home▸Animals & Their World▸Butterfly Garden (2D)

Butterfly Garden (2D)

2D top-down butterfly garden: tune butterfly count and flower density to watch fluttering butterflies fly curved paths between flowers, rest to feed, then move on.

Animals & Their World2DEasy60 FPS📱 Mobile-adapted⇄ 3D version
2d-3d-butterfly-garden ↗ Open standalone

This 2D companion to the 3D butterfly garden keeps the same flight-and-rest behavior model — curved Bezier flights toward a flower, a feeding pause with a folded flutter, then a new random flower — but views it from directly above so every path is legible at once. Butterfly count and flower density are exposed as sliders instead of being fixed at ten and twenty-four, so you can crowd a small patch of flowers with a swarm of butterflies or spread a handful of them across a large meadow and watch how flight paths lengthen and rest stops thin out.

⚙ Under the hood

Top-down 2D butterfly garden where butterfly count and flower density sliders control how many fluttering butterflies arc between flowers to feed.

butterflyflight pathbezier curvegardenpollinationflowers

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)