6️⃣three.js_顶点属性

6、顶点属性

• 3D虚拟工厂在线体验
• 3D模型由多个面构成，每个面又由若干个顶点连接而成，每个顶点都包含位置坐标、法线向量、UV纹理坐标等多种属性数据。这种层级关系构成了3D模型的基础几何结构

6.1、GPU的底层处理逻辑

• GPU只能渲染三角形，无法直接处理四边形或多边形。例如，一个立方体有6个四边形面，每个四边形会被拆分成2个三角形，而每个三角形需要3个顶点来定义。
• 6个面 × 2个三角形 × 3个顶点 = 36个顶点
  

6.2、顶点数据结构

• 在Blender中创建一个默认的立方体时，它由6个四边形面组成。然而，当导出到Three.js时，Three.js通常会将模型转换为三角形面（因为GPU主要处理三角形）
  

• 在three.js中，定位到threejs场景->glb场景->立方体->geometry->