threejs 平面单面可见和双面可见

threejs yekong

threejs 平面图形,默认正面可以看到背面看不到。我们可以通过side进行设置

单面可见

通过side:THREE.FrontSide设置单面可见

// 创建圆形平面
const geometry = new THREE.CircleGeometry(50)
// 创建对象材质
const material = new THREE.MeshLambertMaterial({
    color: 0xff0000, //红色
    side:THREE.FrontSide, //单面可见
})
// 创建网格模型物体
const mesh = new THREE.Mesh(geometry, material)
// 把网格模型(物体)加入到场景中
scene.add(mesh);
// 设置网格模型的位置
mesh.position.set(0, 0, 0)

双面可见

通过side:THREE.DoubleSide设置双面可见

// 创建圆形平面
const geometry = new THREE.CircleGeometry(50)
// 创建对象材质
const material = new THREE.MeshLambertMaterial({
    color: 0xff0000, //红色
    side:THREE.DoubleSide //双面可见
})
// 创建网格模型物体
const mesh = new THREE.Mesh(geometry, material)
// 把网格模型(物体)加入到场景中
scene.add(mesh);
// 设置网格模型的位置
mesh.position.set(0, 0, 0)
喜欢