I've spent years doing 3D — modelling, look dev, animation, pipelines. That side of me knows what it's doing. The web side is newer, and I wanted an honest experiment: what happens when a 3D artist pairs with an AI to ship something on the open web?
I built this to find out. The 3D craft is hand-authored. The Three.js scaffolding, the WebGL boilerplate, the audio wiring, the UI plumbing — those were directed through AI, mostly Claude. Not "vibe-coded in an afternoon." A careful, deliberate experience, put together the way a director works with a team they trust.
I wanted the thing to feel made. Not generated.
The garden is pure browser. No backend, no account, no tracking. Three.js renders the scene through WebGL2, using instanced meshes to hold a thousand flowers at 60 frames a second. GLB models from Daniel Marquez form the visual alphabet.
Each flower you plant runs through a small FM xylophone voice built on the Web Audio API. Pitch follows the flower's hue. Decay follows its saturation. Pan follows your cursor. After five flowers, an ambient pad latches on underneath. Plant enough and you're composing with the garden, whether you mean to or not.
Your flowers are saved to your own browser via localStorage. Next visit, they're waiting.
Built solo by Devanshu Tak, sparked by a collaboration with Studio Typo. Flower models by Daniel Marquez, graciously shared via Sketchfab.
If you make something with the garden, share it, break it, or just want to say hi — [email protected].
If you want to see the rest of what I make — 3D for ads, films, games, the occasional pipeline tool — visit devanshutak.xyz.