WebGL Shader Playground
A free shader demo — play it in your browser, no install. Interactive WebGL shader playground with custom GLSL pipelines, real-time lighting, and parametric geometry rendering system
Vote and save it — free account with email or sign in with GitHub
Made this, @Dollars7? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
Controls: Mouse
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
Real-time shading model explorer built directly on the WebGL API — no Three.js, no rendering framework. Nine shading models, a cubemap environment, and a fixed-timestep physics drop, driven from a live control panel.
▶ Open the live demo
Skipping Three.js was deliberate — the goal was to actually understand the WebGL pipeline (buffers, shader compilation, uniform/attribute wiring, render loop) rather than delegate it to a library.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
Ray Tracing
A quick simple ray tracing written in glsl using JavaScript and WebGL
Plotter GLSL Shader
A colorful WebGL shader pair written in GLSL/JS with a rotating light source, raveling transformation, and translucency.
abyssal ocean
Real-time spectral FFT ocean in a single HTML file — WebGL2 + three.js, JONSWAP/TMA spectrum, 3 cascades, physical foam, caustics and underwater. No…
aladino
🧞♂️ Your magic WebGL carpet. ⚠️⚠️ BETA! ⚠️⚠️ (Most likely I won't maintain this...) Aladino is a tiny (around ~5kb gzipped) and dependency-free…
lumenshaders
LUMEN, a generative shader studio. 9 WebGL2 art modes plus synth style blending, perfect-loop animation, gradient sets, share codes and PNG/WebM/GIF…
- jungle trail A fully procedural first-person jungle in Three.js. Zero external art assets - every texture, mesh and sound generated in code.
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.
