WebGPU Lab

约 183 字小于 1 分钟

2026-04-25

这里用来收纳可以直接在浏览器里运行的图形算法实验。每个 demo 尽量保持为一个独立模块：文章负责解释算法，组件负责渲染和交互。

嵌入文章

在任意 Markdown 文章里可以直接嵌入：

<ClientOnly>
  <WebGpuDemo demo="procedural-field" height="360px" />
</ClientOnly>

ClientOnly 用来避开 VuePress 服务端渲染阶段访问 navigator.gpu 的问题。访客点击“启动实验”后才会初始化 WebGPU；不支持的浏览器会保留静态预览与可读提示。

当前实验

Procedural Field：使用一个全屏三角形和 WGSL fragment shader 绘制可交互的过程场。