文章标签

极客光影

• WebGPU 内存对齐：如何优雅地在 WGSL 结构体与 JS TypedArray 之间做数据映射

  在 WebGPU 开发中，最让开发者头疼的并非复杂的着色器算法，而是 内存对齐（Memory Alignment） 。 当你尝试向 GPU 传递一个包含多种数据类型的结构体时，如果 JS 端的 Float32Array 或 In...

  2026/7/9 0 43 0 0 0 WebGPUWGSL内存对齐

• 深入 WebGPU Compute Shader：如何实现高性能 2D FFT 图像频域处理

  在传统的 Web 图像处理中，空间域滤波（如高斯模糊、边缘检测）通常通过卷积核（Convolution Kernel）实现。当卷积核尺寸较大（例如 $51x51$ 以上）时，空间域卷积的计算复杂度会急剧上升至 $O(N^2 cdot K...

  2026/7/7 0 69 0 0 0 WebGPUFFT图像处理

• 别再手算字节偏移了！WebGPU 大批量 Instance 渲染的 Storage Buffer 自动对齐实践

  在 WebGPU 中实现大批量 Instance（实例化）渲染时，很多从 WebGL 转过来的开发者会习惯性地使用 Vertex Buffer 来传递 Instance Attributes（如变换矩阵、颜色等）。但在现代图形 API 的...

  2026/7/8 0 40 0 0 0 WebGPU内存对齐

• 移动端基于Compute Shader的Cluster Culling管线实现

  在现代图形 API（如 Vulkan 1.3、DirectX 12）中，Mesh Shader（网格着色器）极大地改变了传统的顶点/几何处理管线，使得 GPU 驱动的微几何剔除（Cluster-based Culling）变得极其高效。然...

  2026/7/22 0 66 0 0 0 GPU驱动管线移动端游戏开发

• WebGPU法线贴图压缩：BC5与ASTC的RG通道精确保留与WGSL重建实践

  在 WebGPU 时代，现代图形管线对显存带宽和渲染品质的要求达到了新的高度。法线贴图（Normal Map）作为决定表面细节的核心贴图，其压缩质量直接影响光影表现。 传统的 BC1/BC3（DXT1/DXT5）压缩格式由于其通道间的...

  2026/7/17 0 85 0 0 0 WebGPU纹理压缩图形学