Three.js開發指南(8):建立、載入高階網格和幾何體
使用下面兩種方法來建立高階幾何體和網格:
- 組合和合並:首先要講解的是使用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模型中建立粒子系統:
相關文章
- Three.js開發指南(5 6):使用Three.js的幾何體JS
- 41 Three.js高階幾何體THREE.ConvexGeometryJS
- 42 Three.js高階幾何體車床模型THREE.LatheGeometryJS模型
- Three.js開發指南(10):載入和使用紋理JS
- three.js 幾何體(二)JS
- three.js 幾何體(三)JS
- HyperWorks的實體幾何建立與六面體網格剖分
- Three.js開發指南(9):建立動畫和移動相機JS動畫
- three.js基礎之幾何體Curve、GeometryJS
- [ARKit]5-載入自定義幾何體
- Three.js開發指南隨書原始碼下載地址JS原始碼
- [北京]格方網路公司急聘高階Portal工程師、高階Java開發人員工程師Java
- Three.js開發指南(7):粒子和粒子系統JS
- Three.js開發指南(1):介紹JS
- Three.js開發指南(4):使用Three.js的材質JS
- React 高階元件(HOC)入門指南React元件
- WebGL程式設計指南(8)高階技術Web程式設計
- Word的COM載入項開發指南
- 39 Three.js線性幾何體材質THREE.LineBasicMaterialJS
- 40 Three.js線性幾何體材質THREE.LineDashedMaterialJS
- Three.js開發指南(3):使用Three.js裡的各種光源JS
- 想學 iOS 開發高階一點的東西,從何開始?iOS
- VueSSR高階指南Vue
- PHP物聯網高階開發內推PHP
- Web 開發進階指南Web
- 【轉】【技術部落格】Spark效能優化指南——高階篇Spark優化
- 高階軟體開發工程師招聘資訊工程師
- React高階指南之高階元件React元件
- Java高階教程 - 建立和銷燬物件Java物件
- Three.js開發指南(11):定製著色器和渲染後期處理JS
- 高階管理員指南
- .NET Framework 高階開發Framework
- 高階Web開發教程Web
- SAP BTE高階開發
- 恢復win8開機按F8進入高階啟動模式模式
- Three.js中載入和渲染3D TilesJS3D
- Three.js開發指南(2):使用構建Three.js場景的基本元件JS元件
- Three.js 進階之旅:全景漫遊-高階版線上看房 ?JS