threejs设置模型正反面

在 Three.js 中，默认情况下，模型的正面和背面都会被渲染。如果你想要控制模型正反面的渲染行为，可以使用材质的 `side` 属性来实现。

// 创建模型材质
const material = new THREE.MeshBasicMaterial({ 
  color: 0x00ff00, 
  side: THREE.DoubleSide // 设置为 DoubleSide 可以同时渲染正反面
});

// 创建模型
const geometry = new THREE.BoxGeometry(1, 1, 1);
const cube = new THREE.Mesh(geometry, material);

// 添加模型到场景
scene.add(cube);

在上面的代码中，我们创建了一个立方体模型，然后定义了一个 `MeshBasicMaterial` 材质，并设置了 `side` 属性为 `THREE.DoubleSide`。这样可以使得模型的正反面都被渲染。

如果你只想渲染模型的正面，可以将 `side` 属性设置为 `THREE.FrontSide`：

const material = new THREE.MeshBasicMaterial({ 
  color: 0x00ff00, 
  side: THREE.FrontSide // 只渲染正面
});

相反地，如果你只想渲染模型的背面，可以将 `side` 属性设置为 `THREE.BackSide`：

const material = new THREE.MeshBasicMaterial({ 
  color: 0x00ff00, 
  side: THREE.BackSide // 只渲染背面
});

通过设置 `side` 属性，你可以根据需要控制模型正反面的渲染行为。