Update 05 Three.js基础之图元.md

puxiao · web-flow · commit 1505be850b7b · 2021-07-22T09:35:04.000+08:00
diff --git a/05 Three.js基础之图元.md b/05 Three.js基础之图元.md
@@ -67,11 +67,49 @@ Primitive 的复数即为 Primitives。
 
 
 
+<br>
+
+**关于图元的额外补充：**
+
+实际上在 opengl 、webgl 的概念中，图元分为 2 种：
+
+1. 几何图元：使用顶点、线段、三角形、曲线等等 用于描述物体 “几何轮廓” 。
+
+   > 几何图元可以进行空间转换，例如平移，旋转，缩放等操作
+
+2. 图像图元：图像图元又被称为 光栅图元。使用像素阵列 用于直观储存 “图片信息”。
+
+   > 通过描述就应该知道，实际上所谓的 图像图元就是材质中的纹理贴图。
+
+   > 图像图元不可进行空间转换
+
+
+
+<br>
+
+几何图元 经过变换、投影、光栅化后，到达片元操作环节的。
+
+图像图元(也就是纹理)是直接到达片元操作环节的。
+
+最终在片元操作环节，几何图元 + 图像图元，最终合成得到物体图像。
+
+> 当然还需要其他操作，例如光线反射等
+
+
+
+<br>
+
+而实际中，我们通常不会使用 “图像图元” 这个名词，而是使用 “纹理”。
+
+所以在本文或者一些常见的教程中，“图元” 往往都是指 “几何图元”。
+
+
+
 <br>
 
 **片元**：包含图像颜色、位置、深度的信息数据。你可以把片元简单理解为 “未完全加工完成的图像数据”。
 
-> 在 3D 图形管线渲染的流程中，经过裁切处理模块和图元组建处理模块之后，下一步经过光栅化处理模块，会将需要渲染的图元由一堆顶点数据转化为一堆图像数据。
+> 在 3D 图形管线渲染的流程中，经过裁切处理模块和图元组装模块之后，下一步经过光栅化处理模块，会将需要渲染的图元由一堆顶点数据转化为一堆图像数据。
 
 > 请注意：片元已经不再是顶点数据，而是图像数据了，只不过这些图像数据是为完全加工完成，可以最终显示在屏幕上的图像数据。
 
