骨架:
正方体:前三个参数就是分别对应x、y、z的边长 后三个参数分别是长宽高的面的分段数创建一个正方体的骨架
const geometry = new THREE.BoxGeometry(1, 1, 1, 1, 1, 1) //骨架
圆:
const geometry = new THREE.SphereGeometry(1)
--------------------------------------------------------------------------------------
材质:
材质1.(基础材质 这个没有灯光也能看到的)
这是面图
const material = new THREE.MeshBasicMaterial({color: 0xff0000})
这是线图
const material = new THREE.MeshBasicMaterial({color: 0xff0000, wireframe: true})
参数说明:
color: 给物体设置颜色
wireframe:是否显示线框
visible: 是否显示物体
材质2.(每个面的颜色都不一样 这个没有灯光也能看到的) 也可以像上面一样设置面、线 这里省略
const material = new THREE.MeshNormalMaterial()
参数说明:
color: 给物体设置颜色
wireframe:是否显示线框
visible: 是否显示物体
flatShading:是否显示棱角分明的
材质3:没有高光(有光才显示)
const material = new THREE.MeshLambertMaterial({
color: oxff00ff,
})
材质4: 这个类似于金属有高光(有光才显示)
const material = new THREE.MeshPhongMaterial({
color: oxff00ff,
shininess: 50, //高光处的大小
})
材质5:这个结合了上面材质3和材质4
const material = new THREE.MeshStandardMaterial({
color: oxff00ff,
roughness: 0, //粗糙程度 应该是高光的粗糙程度
metalness: 0.2, //闪亮程度 值越高面就越暗淡
})
-------------------------------------------------------
材质 3,4, 5的对比