- 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,
])
广告