flow fields
A free particle demo — play it in your browser, no install. Thousands of particles follow Perlin noise, curl noise, whirlpools or waves and draw silky currents; tune the zoom, twist, colors and ink, and download the art as PNG.
Vote and save it — continue with GitHub or sign in free
Made this, @evoluteur? See how many people played it → or use email
Controls: Pause (or the space bar), New field, Clear, and Download PNG
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
Thousands of particles follow an invisible field of arrows, from Perlin noise, curl noise or simple formulas, and draw it with thin translucent lines, like ink in water. No sign-up and no libraries.
Each particle takes a small step along the angle of the field at its position, and the step is drawn as a line with low opacity, blended additively on dark palettes and multiplied on paper. The noise is Ken Perlin's improved noise (2002), and curl noise is its rotated gradient (Bridson, 2007).
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
perlin flow field
Perlin 噪声粒子流场生成艺术 · 单文件 HTML · 零依赖 · 帧率无上限 · 60FPS 优先自适应粒子密度
aether
Generative curl-noise flow-field instrument: shape it, mirror it into a kaleidoscope, and share any field by link. Zero-build vanilla JS + Canvas…
A sea of blues
An ambient, ever-changing scene — ocean, mountain, desert, forest — built entirely in Canvas and vanilla JS. Full day/night cycle, weather…
apso particle morph
文字粒子形变引擎：整行文字粒子溶解→空场→重组。含 4 个逐像素验证工具。. 在线试玩：→ funiyayue-art.github.io/apso-particle-morph 单文件版：Bold ｜ Regular —— 保存到本地双击即开，无需构建、无网络依赖 大部分「文字形变」的 CSS…
wax and water
Procedural 2D underwater motion inspired by observations from crayon picture books.
happy birthday animation
Aplikasi ucapan ulang tahun interaktif berbasis HTML5 Canvas & Vanilla JS. Menghadirkan simulasi partikel kembang api (60 FPS), tipografi pelangi…
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.
