threeJS，修改3D模型颜色

1.在加载模型时修改颜色

loader.load(url, function(object){
    let obj = object.children;
    for(let i = 0; i <= obj.length; i++){
    	if(你的条件判断){
    		let clonedMaterial = obj[i].material.clone(); //克隆材质
    		clonedMaterial.color.setHex(0x00ff00); // （核心代码）设置为绿色  
    		obj[i].material = clonedMaterial; // 将克隆后的材质分配给目标Mesh 
    	}
    }
})
//material.color还有set、setHSL、setRGB等方法修改颜色
//之所以要克隆是为了防止共享材质，修改了一个导致全局或使用共享材质的Mesh全部变色

2.点击模型时修改颜色

// 鼠标点击事件处理函数
        function onCanvasClick(event) {
            // 获取点击位置的屏幕坐标
            var mouse = new THREE.Vector2();
            mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
            mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;
 
            // 创建射线投射器
            var raycaster = new THREE.Raycaster();
            raycaster.setFromCamera(mouse, camera);

            // 计算射线与场景中的物体的相交情况
            var intersects = raycaster.intersectObjects(scene.children, true);
 
            // 如果有物体被点击到，则弹出颜色选择器
            if (intersects.length > 0) {
                var Mesh= intersects[0].object;
  				Mesh.material.color.set(selectedColor);
  				//这里最好还是像上面一样在克隆一下
            }
        }