sunset sea
A free shader demo — play it in your browser, no install. A physically based sunset over the sea in one WebGL fragment shader. No dependencies.
Vote and save it — continue with GitHub or sign in free
Made this, @keensense? See how many people played it → or use email
GitHub asks to share your profile and email with us. We 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 physically based sunset over the sea, in one WebGL fragment shader. No dependencies. One ES module. Put a on your page and call new Sunset(canvas)`.
It is made for calm, ambient scenes — a sunset that never quite finishes.
Live demo · MIT licensed.
The canvas must have a size from CSS (width/height). The library sets the drawing-buffer size itself and follows the canvas when it resizes.
It pauses by itself while the canvas is off screen or the tab is hidden, and recovers from a lost WebGL context.
One full-screen pass.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
nightsail
A night sea of Gerstner waves, a column of light and a boat riding the swell. Generated from code, tuned live.
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.
inkField
Digital ink painting on WebGL + p5.js — records every gesture as JSON and replays them as time-based generative art.
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.
