liquid lens
A free generative art piece — play it in your browser, no install. A WebGL metaball lens: soft bodies that chase the pointer, merge into one shape, and show a photograph only where they are. Every number is a slider.
Vote and save it — free account with email or sign in with GitHub
Made this, @angelolibero? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
Controls: *` · the header a WebGL texture needs to be
GitHub may ask you to sign in, then to let VibeCruiser “Verify your GitHub identity” and “Act on your behalf”. We only read your profile and email, and never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
A photograph, and a body of liquid you move over it with the pointer. Seven soft bodies chase your hand; where two are near each other their fields add, so the outline around them is one closed curve with a waist rather than two circles overlapping. That merging is the whole of why it reads as liquid and not as a string of discs. Inside the shape the picture is drawn, out of focus at the edge and sharp deep in; outside it there is nothing.
See it running: every number it has is a slider, because an effect shown at one tuning is a screenshot that happens to move.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
- 3d gradients generator Interactive WebGL gradient studio built with Three.js, GLSL noise, physics, and real-time material controls.
motes
Procedural, pointer-reactive ASCII backgrounds for the web. WebGL2, zero dependencies, drop-in React.
dithering shader
Generative WebGL2 dithering playground and React component with terrain, country masks, 3D illusions, and live performance analytics.
shaderflow
Visual node-based GLSL shader editor - design materials on a graph, compiled live to WebGL. React + React Flow + Three.js.
- fluid wallpaper Living generative ink for the web — WebGL2 fluid as a web component or React embed.
- morph A generative design studio for procedural 3D sculpture. Five families of mathematical surfaces, a physically based material system and an editorial…
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
