three设置长方体单面颜色

以下是使用Three.js设置长方体单面颜色的代码示例：

// 创建场景
var scene = new THREE.Scene();

// 创建长方体
var geometry = new THREE.BoxGeometry(1, 1, 1);

// 设置长方体单面颜色
var material = new THREE.MeshBasicMaterial({
    color: 0xff0000, // 颜色
    side: THREE.FrontSide // 单面渲染
});

// 创建网格模型并添加到场景中
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);

// 创建相机并设置位置
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.z = 5;

// 创建渲染器并添加到DOM中
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 渲染场景
function animate() {
    requestAnimationFrame(animate);
    renderer.render(scene, camera);
}
animate();

在代码中，我们使用THREE.MeshBasicMaterial来设置长方体的材质，并将side属性设置为THREE.FrontSide，这样就可以保证只有正面被渲染。color属性用于设置长方体的颜色