Three.js開發指南(8):建立、載入高階網格和幾何體

CopperDong發表於2018-04-22

    使用下面兩種方法來建立高階幾何體和網格:

  • 組合和合並:首先要講解的是使用Three.js自帶功能來組合和合並已有的幾何體。從已有的幾何體中建立出新的幾何體。
  • 從外部載入:如何使用Blender匯出Three.js支援的網格格式。

8.1 幾何體組合和合並

    物件組合:當從一個幾何體建立網格,並且使用多種材質時,Three.js就會建立一個組。

8.2 從外部資源中載入幾何體

    讀取幾種三維檔案格式


8.3 以Three.js的JSON格式儲存和載入

    如果你想儲存整個場景,包括材質、光源、位置等,可以使用SceneExporter物件

8.4 使用Blender

    用一個Three.js外掛匯出,用JSONLoader類將它匯入

    在Blender中安裝Three.js匯出器:拷貝utils/exporters/blender/2.66/scripts/addons到addons資料夾下

    在Blender里載入和匯出模型:assets/models下的misc_chair01.blend

8.5 匯出三維格式檔案

    OBJ和MTL格式:定義幾何體的格式,定義所用的材質

    Collada模型(副檔名是.dae)是另外一種非常通用的、定義場景和模型,以及動畫的檔案格式。不僅定義了幾何體,也定義了材質,甚至還可以定義光源。

    載入STL、CTM和VTK模型:

    展示蛋白質資料銀行中的蛋白質(.pdb):www.rcsb.org收集了很多分子、蛋白質的詳細資訊。

    從PLY模型中建立粒子系統


相關文章