本文介绍如何在 Web 上高性能渲染 CAD 图纸，重点讲解 Batch Geometry 的设计与实现，通过减少绘制调用和优化 CPU → GPU 数据传输，实现流畅交互体验。

向量的基本仿射变换分为平移、缩放和旋转。在学习如何使用 WebGL 绘制 3D 形体前，我们需要学习如何对物体进行仿射变换，比如要看到 3D 物体的不同侧面我们需要学习如何对其进行旋转（只看正面看不出立体效果），另外我们要想添加多个方向或者位置不同的 3D 形体时，不需要重复计…

在对空间图形进行位置变换（平移、旋转、缩放）、计算光线、颜色、投影的时候，使用向量和矩阵来计算要简洁高效。

WebGL编程通常围绕几个核心接口和函数进行，这些接口和函数允许开发者与WebGL上下文交互，创建和管理图形资源，以及渲染3D场景。

之前我们讲过了WebGL的相关原理，我们了解到WebGL绘图的方式是“连接式”的，WebGL就像是一个巨大的电路图，我们修改电路中的电路的连接方式或者是增加其中的电气元件，当我们按下开关时，这个电路就会自动运行。今天，我们就进入实战阶段，一切从0开始，手把手的带你使用原生的We…

哈喽大家好啊，我是广州小井。在前面学习中，我们分别掌握了模型矩阵（M）、视图矩阵（V）、投影矩阵（P）的相关知识，但我们并没有完整地将三者的作用体验一通。所以本文，我们通过MVP变换实战粒子动画！

介绍从 WebGL 到 Three.js 的 3D 图形编程相关内容，包括 GPU 相关概念、WebGL 工作原理、、Three.js 工作原理

WebGL 作为非常底层的 API，学习上手难度非常大，这是因为 WebGL 要求的背景知识比较多。而网上的教程一般没有过多介绍直接就介绍 API 开始渲染了，容易让人云里雾里，很容易被劝退，就算学到

要理解和学会WebGL，并没有那么困难，我们只需要理解一下GPU，了解它与CPU的不同点，然后再理解运行GPU代码的语言——glsl，了解着色器的基本概念和用法，就可以轻松理解WebGL的本质。