踩坑（一）--- threejs踩坑之双面渲染

前言：

 

 

 如图，这里我把场景中所有的灯光去掉，按理说模型应该都是黑色的，然而事实是这个车模型的底盘确实白色的，还有右侧车门框架那里。 至于为什么我会这么操作就是因为，我无论怎么样打光，这个底盘总是显示不出来。

 

而且这个底盘的颜色会和容器背景的颜色一样，背景白色，车底盘里就白的刺眼，背景黑色就是黑色的。

 

 开始以为是打灯光position不对，结果一直一直改还是一样。 浪费了时间才发觉是模型有问题。我叫同事把底盘颜色突出红色，结果还是俯视图和侧视图都看不到红色，只有旋转到仰视图，才可以。

 

 解决：百度一下，应该是Google一下，找到了threejs 材质有个属性.side可以完成所谓的双面渲染。有了这个属性可以做到双面都显示材质，也可以前面显示材质，背面不显示。

 

const material = new THREE.MeshBasicmaterial({
color:,
side: THREE.DoubleSide | FrontSide | BackSide ;表示双面，前面或者后面展示
})

 

 

最终效果：