◀ VibeCruiser

wind fields

A free generative art piece — play it in your browser, no install. 风过荒野 · 俯视撕纸场景复刻(Three.js):正交俯视 + 无限北向滚动 + 撕纸遮罩 + 飞机穿云 · 在线演示见下方链接

by @cswfww123 · cswfww123/wind-fields on GitHubLANG JavaScriptHOSTED ON CSWFWW123.GITHUB.IOUPDATED 29 Oct 2026

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

Made this, @cswfww123? See how many people played it → or use email

Controls: Arrow keys

▶ 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

(鼠标移进画面可以接管飞机;左键顺时针翻滚、右键逆时针翻滚;顶部标签切场景)

左/右方向键切换场景,也可以点顶部标签。鼠标移动会有轻微视差。

相机从正上方往下看(OrthographicCamera,up = (0,0,-1)),所以路等宽、树不会倒、云不会被透视拉歪。

镜头不是静止的:它以 5.6 个世界单位/秒的速度持续向北(-z)推进(一屏约 14 秒),纸张窗口固定不动, 所以地图整体以 0.14 屏高/秒的速度向下卷 —— 这就是原作「跟着飞机往前飞」的感觉。

地面因此不是一张方图,而是一张 100 × 232 单位的长条贴图(约 3 屏长), 镜头在里面从南端走到北端约 13 秒;走到头会退回纸面(白屏一瞬间)再从南端开始。

调过一轮:参考视频实测是 118 px/s(≈11.2 单位/秒),但那个节奏偏「飞」; 治愈向要更慢,所以落在 5.6 单位/秒(一屏 14 秒)。改 CAM_SPEED 一个常数就能调。

铺底色(#FA8A33,这个值是从参考图里采样出来的). 大/中/小三层软色斑(blob(),径向渐变 + 低透明度). 几千笔短笔触(paintBrushes()),方向统一带随机偏移 —— 这就是「油画/水彩」质感的来源。 公路、土路、车辙、扬尘直接画进同一张图里,不是几何体。

Read the full README on GitHub →

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

More like this

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 →