2、Three.js的geometry和BufferGeometry講解
注意問題:本節(jié)視頻中的那個加載glb模型的代碼請看上一節(jié)筆記。(下面的three.js文件可以直接從下載項目的build文件夾復制?;蛘呤褂蒙弦还?jié)下載的那個。
1、Geometry
Geomerty是很多其它XXXGeomerty(如BoxGeomerty、SphereGeomerty)的基類。(在threejs中內(nèi)置了很多幾何體)我們還很可以根據(jù)瀏覽器的路徑去本地找到那個文件查案看代碼。

案例代碼:把內(nèi)置的BoxGeometry和SphereGeometry顯示在瀏覽器上。
瀏覽器效果:

2、BufferGeometry (具體講解前看文檔)
https://threejs.org/docs/index.html?q=geometry#api/zh/core/BufferGeometry
是面片、線或點幾何體的有效表述。包括頂點位置,面片索引、法相量、顏色值、UV 坐標和自定義緩存屬性值。使用 BufferGeometry 可以有效減少向 GPU 傳輸上述數(shù)據(jù)所需的開銷。
如下代碼:使用點數(shù)據(jù)繪制一個三角形。
瀏覽器結(jié)果:

標簽: