这里，咱们将向大家演示WebGL的一些奢侈阐明和根本应用，即便你后续应用第三方3D渲染引擎进行绘制，这里的基本概念仍旧是十分无益的，或者说是必要的。

随着元宇宙概念的爆火，也同样呈现了很多新的科技词汇。有些词汇的确容易造成人们的误会，甚至曾经造成了习惯性的混用，然而咱们有必要绝对谨严地对一些词汇…

上一期咱们介绍了对于开源License的一些基本知识。尽管开源License的总体数量很多，然而罕用的License还是很无限的。明天咱们就更间接地理解下罕用License具…

“在开源还只是一个小众群体的业余爱好时，简直做任何事件，都是自在的。然而，在软件吞噬世界、开源吞噬软件的明天，开源技术，曾经成为整个世界的基础设施之…

应用 VSCode 插件 LiveServer 的 HTTP 服务器对本机提供 5500 端口的页面服务，即 http://localhost:5500/index.html

WebGL 容许把 JavaScript 和 OpenGL ES 2.0 联合在一起，通过减少 OpenGL ES 2.0 的一个JavaScript 绑定，WebGL 能够为 HTML5 Canvas 提供硬件 3D 减速渲染。Web 开发人员就能够借助零碎显卡来在浏览器里更流畅地展现 3D 场景和模型，还能创立简单的导航和数据视觉化。

这篇货色十分长，不计代码字符也有1w字，能比拟好了解 WebGPU 的计算管线中的各个概念，并应用一个简略的 2D 物理模拟程序来了解它，本篇重点是在计算管线和计算着色器，绘图局部应用 Canvas2D 来实现。

void gl.vertexAttribPointer(index, size, type, normalized, stride, offset);

前两篇文章介绍了 WebGL 和 WebGPU 是如何筹备顶点和数字型 Uniform 数据的（纹理留到下一篇），当渲染所需的原材料筹备实现后，就要进入逻辑组装的过程。

家喻户晓，在 GPU 跑可编程管线的时候，着色器是并行运行的，每个着色器入口函数都会在 GPU 中并行执行。每个着色器对一大片对立格局的数据进行冲锋，体现 GPU 多外围的劣势，能够小核同时解决数据；不过，有的数据对每个着色器都是一样的，这种数据的类型是“uniform”，也叫做对立值。