All MicroEvals
Blob Simulation
Create MicroEval
Header image for Blob Simulation

Blob Simulation

Fullscreen interactive gelatinous blob

Prompt

Build a fullscreen interactive gelatinous blob simulation in a single HTML file using Canvas and JavaScript. The blob should feel alive and organic — a soft, translucent, amorphous mass that constantly wobbles, breathes, and deforms on its own. Use a ring of spring-connected control points around a soft-body center, driven by Perlin or simplex noise so the surface ripples naturally. Layer in a slow "breathing" oscillation that expands and contracts the whole body. Render with radial gradients, semi-transparency, and a subtle inner glow so it looks wet and gelatinous — think slime mold or a jellyfish bell. Add 2–3 smaller internal "organelle" blobs that drift lazily inside, slightly out of phase. On mouse hover the blob should bulge toward the cursor like it's curious; on click it should squish dramatically then jiggle back. Apply subtle ambient drift so it slowly roams the canvas. Use requestAnimationFrame for smooth 60fps animation. No external libraries — vanilla JS only. Dark background with a faint vignette. The entire vibe should be "this thing is alive."

A system prompt was added to support web rendering

Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize