threejs物体讲解

骨架：

正方体：前三个参数就是分别对应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的对比

​