浏览器里的超真实沙子:WebGL2 写的可玩沙盘
来源:av.github.io — 2026-11-11
📋 概述
这是一个用 WebGL2 和 JavaScript 写的沙子模拟器,打开网页就能用手指推沙、倾斜手机让沙流动、摇晃设备把沙撒开。页面上还给了倒沙、抖动、绘制、声音和触感开关,手机、平板、桌面都能直接玩。技术上看点是大量颗粒在单页里实时求解与渲染,而不是预渲染视频。
🔑 核心要点
- 交互方式跟着设备走:桌面用鼠标推,手机用重力感应倾斜、用加速度计摇晃,等于把传感器直接接进物理模拟。
- 颗粒量级是难点:沙子的观感来自颗粒间的摩擦与堆积角,这类效果必须在 GPU 上算,CPU 逐粒更新撑不住实时。
- 整个模拟是单页应用,没有安装、没有账号,作者显然把它当成一个纯粹的 WebGL2 技术演示。
- 声音与触感反馈是加分项:沙子流动配上震动,让“推沙”这件事的体感更接近真实。
💡 金句
用手指推沙,倾斜手机让它们滑下来,或者摇晃设备把沙撒开。
👍 0
👎 0
← 返回 Hacker News 首页