three.js开关门

你可以使用 Three.js 创建一个门的动画效果。首先，你需要创建一个门的模型，可以通过 Three.js 中的 BoxGeometry 来创建。然后，你可以创建两个门的模型，一个是静止的门，另一个是动态的门。

接下来，你需要为动态的门创建一个动画序列，当门打开时播放该序列。你可以使用 Three.js 中的 AnimationMixer 类来创建动画序列。你需要定义门的动画序列，例如门打开时旋转或平移的开始和结束位置。

最后，你需要将动态门模型添加到场景中，并在需要时播放动画序列。你可以通过 Three.js 中的 Object3D 类来控制门的位置和旋转。

以下是一个简单的 Three.js 开关门的示例代码：

var scene, camera, renderer;
var door, doorOpen, mixer;

function init() {
  scene = new THREE.Scene();

  camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 1000);
  camera.position.set(0, 0, 5);

  var geometry = new THREE.BoxGeometry(2, 3, 0.1);
  var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
  door = new THREE.Mesh(geometry, material);
  scene.add(door);

  var geometry2 = new THREE.BoxGeometry(2, 3, 0.1);
  var material2 = new THREE.MeshBasicMaterial({ color: 0xff0000 });
  doorOpen = new THREE.Mesh(geometry2, material2);
  scene.add(doorOpen);
  doorOpen.visible = false;

  var animateDoor = new THREE.AnimationClip("door", 2, [
    new THREE.VectorKeyframeTrack(
      ".position",
      [0, 1, 2],
      [
        0, 0, 0,
        0, 2, 0,
        0, 2, -2
      ]
    ),
    new THREE.QuaternionKeyframeTrack(
      ".quaternion",
      [0, 1, 2],
      [
        0, 0, 0, 1,
        0, 0.707, 0, 0.707,
        0.707, 0, 0, 0.707
      ]
    )
  ]);
  mixer = new THREE.AnimationMixer(doorOpen);
  mixer.clipAction(animateDoor).setDuration(2).play();

  renderer = new THREE.WebGLRenderer();
  renderer.setSize(window.innerWidth, window.innerHeight);
  document.body.appendChild(renderer.domElement);

  animate();
}

function animate() {
  requestAnimationFrame(animate);
  renderer.render(scene, camera);
  mixer.update(0.01);
}

function openDoor() {
  door.visible = false;
  doorOpen.visible = true;
}

function closeDoor() {
  door.visible = true;
  doorOpen.visible = false;
}

在这个例子中，我们创建了两个门模型，door 和 doorOpen。door 是静态的门，doorOpen 是动态的门。我们为 doorOpen 创建了一个动画序列 animateDoor，使其在 2 秒内从开始位置旋转到结束位置。

在 animate 函数中，我们更新动画序列 mixer 并渲染场景。在 openDoor 和 closeDoor 函数中，我们切换门的可见性，以显示或隐藏门。

你可以使用以下代码调用 openDoor 和 closeDoor 函数来打开或关闭门：

openDoor();  // 打开门
closeDoor(); // 关闭门