◀ VibeCruiser

fluid lab

A free fluid simulation — play it in your browser, no install. 浏览器里的实时流体模拟:零依赖 JavaScript 实现 Navier-Stokes(半拉格朗日对流 + SOR 压力投影 + 涡度增强),带交互式控制台和无依赖 Node 测试。

by @Zapar-Borhan · Zapar-Borhan/fluid-lab on GitHubLANG JavaScriptHOSTED ON ZAPAR-BORHAN.GITHUB.IOUPDATED 14 Sep 2026

Vote and save it — free account with email or sign in with GitHub

Made this, @Zapar-Borhan? See how many people played it → or use email

Controls: Mouse

▶ Play full screen ▲ Vote: free account with email ▲ Or sign in with GitHub

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.

Open the live demo Source on GitHub

From the README

纯 JavaScript、零依赖的二维流体模拟。 打开网页就能用鼠标搅动一缸会流动的彩色墨水—— 背后是每一帧实时求解的 Navier–Stokes 方程,而不是预设动画。

整个求解器约 300 行,不依赖任何数学库,可以在读一遍之后完全理解。

控制台里的涡度增强最值得玩:调到 0 能看到漩涡很快被数值耗散抹平, 调到 30 以上则会出现细密的自发湍流结构。网格分辨率提供 96² / 128² / 192² 三档, 可以直接观察分辨率对细节和帧率的影响。

Read the full README on GitHub →

Built something like this? Submit your vibe — free account, takes a minute. How listing works.

More like this

More fluid simulations →

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.

On VibeCruiser

How listing, the badge and claiming work →