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

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

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

標(biāo)簽: