作品 可实时体验 发布于 4 天前 · 1 次浏览

用 WebGL 写一个粒子流体背景

双缓冲 Ping-Pong 纹理消除帧率抖动,附完整着色器注释与数学模型分解。

最近更新 2026-09-08
解决什么
双缓冲 Ping-Pong 纹理消除帧率抖动,附完整着色器注释与数学模型分解。
技术栈
Rust · Python · WebGPU

作品说明

双缓冲 Ping-Pong 纹理消除帧率抖动,附完整着色器注释与数学模型分解。

## 怎么做的

先说结论:把不确定的部分尽早变成可运行的最小版本,再逐步替换。

## 踩到的坑

1. 一开始直接上完整方案,两周都在和边角情况搏斗;
2. 改成最小可运行版本后,问题暴露得更快。

## 下一步

补上移动端的手势与离线缓存。

版本演进路线图

构建更新当前在线

失败路径现在都能回滚,日志里能看到每一步的输入输出。

社区讨论 1条观点

按热度·按最新
顾青

第 2 步的坑我也踩过,补充一点:Worker 里要显式 transfer 才能避免拷贝。