threejs如何交互式切换车辆模型的车漆颜色，举例

以下是一个使用threejs实现交互式切换车辆模型车漆颜色的代码示例：

// 创建场景、相机、渲染器等
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 创建车辆模型
var loader = new THREE.GLTFLoader();
loader.load('car.gltf', function(gltf) {
    var car = gltf.scene.children[0];
    scene.add(car);
    
    // 创建车漆材质
    var paintColors = [
        new THREE.MeshStandardMaterial({ color: 0xff0000 }), // 红色
        new THREE.MeshStandardMaterial({ color: 0x00ff00 }), // 绿色
        new THREE.MeshStandardMaterial({ color: 0x0000ff }), // 蓝色
    ];
    
    // 初始化车漆颜色为红色
    var currentPaintColorIndex = 0;
    car.material = paintColors[currentPaintColorIndex];
    
    // 创建切换颜色的按钮，点击按钮切换车漆颜色
    var button = document.createElement('button');
    button.textContent = '切换颜色';
    button.addEventListener('click', function() {
        currentPaintColorIndex++;
        if (currentPaintColorIndex >= paintColors.length) {
            currentPaintColorIndex = 0;
        }
        car.material = paintColors[currentPaintColorIndex];
    });
    document.body.appendChild(button);
});

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

上面的代码中，我们首先使用`GLTFLoader`加载车辆模型，然后创建了三种不同颜色的车漆材质，并将车辆模型的材质设置为红色。接着创建了一个按钮，点击按钮会切换车漆颜色。最后通过循环调用`renderer.render()`函数渲染场景。