threejs 背景颜色渐变跟着模型选择

要让背景颜色渐变跟着模型选择，可以使用渐变背景的方式并结合Three.js的场景对象。以下是一个简单的代码示例：

// 创建渐变背景
var gradient = new THREE.Mesh(
  new THREE.PlaneGeometry(2, 2, 0),
  new THREE.MeshBasicMaterial({
    map: THREE.ImageUtils.loadTexture('gradient.png'),
    depthTest: false,
    depthWrite: false
  })
);

gradient.material.opacity = 0.5;
gradient.material.transparent = true;

// 创建场景对象
var scene = new THREE.Scene();
scene.add(gradient);

// 渲染函数
function render() {
  requestAnimationFrame(render);

  // 选择模型
  var selectedObj = ...; // 通过一些方式获取选择的模型

  // 根据选择的模型设置渐变背景的颜色
  gradient.material.color = selectedObj.material.color;

  renderer.render(scene, camera);
}

render();

在这个示例中，我们首先创建了一个渐变背景，然后将其添加到场景对象中。接着，在渲染函数中，我们获取选择的模型，并根据该模型的颜色来设置渐变背景的颜色。最后，我们使用渲染器对象来渲染场景。