本文将尝试向您介绍 WebGPU 的基础知识。 在阅读本文之前，希望您应该已经对 mapping arrays, destructuring assignment, spreading values,

上一篇文章讲的是阶段间变量。这篇文章将是关于uniforms的基础知识。 Uniforms are kind of like global variables for your shader. You

这篇文章是关于存储缓冲区的，我们从上一篇文章暂停的地方继续。 存储缓冲区在许多方面类似于统一缓冲区。如果我们所做的只是将 JavaScript 中的 UNIFORM 更改为 STORAGE 并将 WG

在上一篇文章中，我们将顶点数据放在存储缓冲区中，并使用内置的 vertex_index 对其进行索引。虽然该技术越来越受欢迎，但向顶点着色器提供顶点数据的传统方法是通过顶点缓冲区和属性。 顶点缓冲区就

让我们通过JavaScript 来模拟WebGPU的实现， 来尝试解释 GPU如何使用顶点着色器和片段着色器 。这样会对对真正发生的事情有一个直观的感受。 如果你熟悉 Array.map，稍微认真思考

在上一篇文章中，讨论了矩阵的工作原理。讨论了如何通过 1 个矩阵和一些神奇的矩阵数学来完成平移、旋转、缩放，甚至从像素到裁剪空间的投影。实现 3D 操作 只需要再向前迈一小步。 在之前的 2D 示例中

在上一篇文章中，我们必须将 F 移到视锥体前面，因为 mat4.perspective 函数 将眼睛放在原点 (0, 0, 0) 并且把对象 放到 位于眼前 -zNear 到 -zFar 之间的视锥体