U

约 177 字小于 1 分钟

2026-04-25

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

嵌入文章

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

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

ClientOnly 用来避开 VuePress 服务端渲染阶段访问 navigator.gpu 的问题。组件会在进入视口后再初始化 WebGPU，并在浏览器不支持 WebGPU 时显示降级提示。

当前实验

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