2、Three.js的geometry和BufferGeometry讲解

注意问题：本节视频中的那个加载glb模型的代码请看上一节笔记。（下面的three.js文件可以直接从下载项目的build文件夹复制。或者使用上一节下载的那个。

1、Geometry

Geomerty是很多其它XXXGeomerty（如BoxGeomerty、SphereGeomerty）的基类。（在threejs中内置了很多几何体）我们还很可以根据浏览器的路径去本地找到那个文件查案看代码。

案例代码：把内置的BoxGeometry和SphereGeometry显示在浏览器上。

浏览器效果：

2、BufferGeometry (具体讲解前看文档）

https://threejs.org/docs/index.html?q=geometry#api/zh/core/BufferGeometry

是面片、线或点几何体的有效表述。包括顶点位置，面片索引、法相量、颜色值、UV 坐标和自定义缓存属性值。使用 BufferGeometry 可以有效减少向 GPU 传输上述数据所需的开销。

如下代码：使用点数据绘制一个三角形。

浏览器结果：