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
- Three.js開發指南(10):載入和使用紋理JS
- Three.js入門-常見幾何體JS
- three.js 幾何體(三)JS
- three.js 幾何體(二)JS
- HyperWorks的實體幾何建立與六面體網格剖分
- Three.js開發指南(9):建立動畫和移動相機JS動畫
- three.js基礎之幾何體Curve、GeometryJS
- Three.js開發指南隨書原始碼下載地址JS原始碼
- Three.js開發指南(7):粒子和粒子系統JS
- Three.js開發指南(1):介紹JS
- Three.js開發指南(4):使用Three.js的材質JS
- WebGL程式設計指南(8)高階技術Web程式設計
- Word的COM載入項開發指南
- Three.js開發指南(3):使用Three.js裡的各種光源JS
- HyperWorks基於幾何投影的網格變形
- VueSSR高階指南Vue
- 想學 iOS 開發高階一點的東西,從何開始?iOS
- Web 開發進階指南Web
- Java高階教程 - 建立和銷燬物件Java物件
- PHP物聯網高階開發內推PHP
- React高階指南之高階元件React元件
- Three.js開發指南(11):定製著色器和渲染後期處理JS
- CesiumJS PrimitiveAPI 高階著色入門 - 從引數化幾何與 Fabric 材質到著色器 - 上篇JSMITAPI
- CesiumJS PrimitiveAPI 高階著色入門 - 從引數化幾何與 Fabric 材質到著色器 - 下篇JSMITAPI
- Three.js中載入和渲染3D TilesJS3D
- Three.js開發指南(2):使用構建Three.js場景的基本元件JS元件
- Jmeter(五) - 從入門到精通 - 建立網路計劃實戰和建立高階Web測試計劃(詳解教程)JMeterWeb
- Three.js 新舊版本建立幾何物件差異JS物件
- 網際網路企業安全高階指南讀書筆記之分階段的安全體系建設筆記
- 張高興的 Raspberry Pi AI 開發指南:(一)Hailo-8 配置AI
- WPF 反射載入Geometry幾何圖形資料圖示反射
- CityEngine函式庫1-幾何建立函式
- Java開發者的Python快速進修指南:物件導向--高階篇JavaPython物件
- shell高階-----建立函式函式
- 靜態網格體和骨架網格體的區別
- OSG開發筆記(三十四): OsgUtil::Simplifier:簡化幾何體,提升顯示效能和渲染效率筆記
- Three.js 進階之旅:全景漫遊-高階版線上看房 ?JS