极客飞手
-
不依赖任何库,我用 WebGPU 撸了一个高性能粒子碰撞引擎
在 Web 前端开发中,当粒子数量达到数万级别时,传统的 CPU 物理计算(即便是用 Worker 多线程)和 WebGL 渲染就会遭遇严重的性能瓶颈。 WebGPU 的到来改变了这一切。它的 Compute Shader(计算着色器...
-
跨页面传输 100MB+ 数据卡死?试试 MessagePort + Transferable 零拷贝性能极限优化
在前端开发中,当我们需要在不同页面(如 Iframe、多标签页、Web Worker 或 Service Worker)之间传递海量数据(如 100MB+ 的 WebGL 顶点数据、高频传感器时序数据、大图像像素矩阵)时,常规的 pos...
-
WebGL 2 性能优化:如何设计一个优雅且高效的 Uniform Buffer Object (UBO) 封装库
在 WebGL 1 时代,向着色器传递数据是一件相当繁琐的事情。如果你的场景中有多个着色器程序(Program),每个着色器都需要共享一些全局变量(如投影矩阵、视图矩阵、相机位置、时间戳等),你不得不针对每一个 Program 分别调用 ...