
- Three.js 教程
- Three.js - 歡迎
- Three.js - 簡介
- Three.js - 安裝
- Three.js - Hello Cube App
- Three.js - 渲染器和響應性
- Three.js - 響應式設計
- Three.js - 除錯和統計資訊
- Three.js - 攝像機
- Three.js - 控制器
- Three.js - 光和陰影
- Three.js - 幾何體
- Three.js - 材質
- Three.js - 貼圖
- Three.js - 繪製線條
- Three.js - 動畫
- Three.js - 建立文字
- Three.js - 載入 3D 模型
- Three.js - 庫和外掛
- Three.js 有用資源
- Three.js - 快速指南
- Three.js - 有用資源
- Three.js - 討論
Three.js - 使用多種材質
迄今為止,在建立網格時,你向其中添加了一種材質。有時你還希望組合多種材質。你可以透過傳遞材質陣列來實現這一點。但不要使用 Mesh。你能夠使用 SceneUtils 的 createMultipleMaterialObject。例如,以下程式碼將 THREE.MeshLambertMaterial 與展示幾何體線框的材質相結合。
const geometry = new THREE.BoxGeometry(1, 1, 1) const material1 = new THREE.MeshLambertMaterial({ color: 0xff0000, transparent: true, opacity: 0.7, }) const material2 = new THREE.MeshBasicMaterial({ wireframe: true }) const cube = THREE.SceneUtils.createMultiMaterialObject(cylinderGeometry, [ material1, material2, ])
廣告