FIELD

262,144 根草叶不是贴图:草场、潮汐、余烬、晶格四种场景复用一段缓冲区,每帧由计算通道整体重写,滚动时平滑过渡并标注实时帧率,按提示词即可复现同款。

Loading preview...
从这段提示词开始

同一段缓冲区依次变成草场、潮汐、余烬与晶格:262,144 根草叶,每一帧都由 WebGPU 重算。

添加参数滑杆

为草场、潮汐、余烬、晶格四种状态分别添加密度、风速、颜色滑杆,拖动即可实时反映在画面中,保留实现要点与帧率标注。

体验 Kimi 构建应用
制作一个 WebGPU 程序化场景页:一段固定缓冲区被四种场景依次复用——风吹的草场、涨落的潮汐、将熄的余烬、规则的晶格,262,144 根草叶(或等价粒子)每一帧由计算通道整体重写,零贴图、零模型;向下滚动时四种状态平滑过渡,页面标注每种状态的实现要点和实时帧率,不支持 WebGPU 时给出优雅降级提示。单文件静态页。
添加第五态

在四种状态之后追加安静落下的雪原作为第五态,向下滚动时与前四种状态一样平滑过渡。

体验 Kimi 构建应用
制作一个 WebGPU 程序化场景页:一段固定缓冲区被四种场景依次复用——风吹的草场、涨落的潮汐、将熄的余烬、规则的晶格,262,144 根草叶(或等价粒子)每一帧由计算通道整体重写,零贴图、零模型;向下滚动时四种状态平滑过渡,页面标注每种状态的实现要点和实时帧率,不支持 WebGPU 时给出优雅降级提示。单文件静态页。
加入环视模式

除滚动过渡外,增加鼠标拖拽环绕视角,可从不同角度观察同一片由 WebGPU 逐帧重算的状态场。

体验 Kimi 构建应用
制作一个 WebGPU 程序化场景页:一段固定缓冲区被四种场景依次复用——风吹的草场、涨落的潮汐、将熄的余烬、规则的晶格,262,144 根草叶(或等价粒子)每一帧由计算通道整体重写,零贴图、零模型;向下滚动时四种状态平滑过渡,页面标注每种状态的实现要点和实时帧率,不支持 WebGPU 时给出优雅降级提示。单文件静态页。