A free data visualization — play it in your browser, no install. 如果降雨数据变成雨 · Three.js + WebGL + 自定义 GLSL Shader 实时粒子雨景,把 26 个降雨数据点化作一场雨
Vote and save it — continue with GitHub or sign in free
Made this, @yanx5433-cmd? 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 GitHub把一天的降雨数据变成一场真实的雨 —— Three.js + WebGL + 自定义 GLSL Shader 实时粒子雨景。
一次对「数据可视化 × 粒子特效」的实验:26 个降雨观测点被摆放成一条时间轴上的雨柱, 每一根柱子就是那个时刻的雨 —— 雨量越大,雨柱越高、越密、越亮。时间游标缓缓走过一天, 右上角实时显示当前时刻的降雨强度。
编辑 main.js 顶部的 values 数组(26 个毫米/小时数值)即可换上你自己的降雨数据; 时间点会自动均匀铺满 00:00 – 24:00。
灵感来自抖音博主 @afterimage 的作品《如果降雨数据变成雨,大概是这样》 (原视频),本项目是依照其视觉效果的 Three.js 复刻与再实现,向原作者致谢。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
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.