FIELD

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

正在加载预览…
从这段提示词开始

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

加参数滑杆

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

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

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

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

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

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