如何在3/3/纤维和3/drei中用代码对摄像机进行平移

Question

我可以使用带有[0,0,0]的鼠标将相机从默认位置OrbitControls移到[100,100,0]。但是，仍然无法通过代码进行摇摄。

<Canvas
        camera={{
          position: [0, 0, 100],
          up: [0, 0, 1],
        }}
      >
        <OrbitControls />
        <ambientLight />
        <FakeSphere position={[0, 0, 0]} color="red" />
        <FakeSphere position={[100, 100, 0]} color="blue" />
      </Canvas>

请告诉我。

Answer 1

我们需要把相机移到100,100, 100 ,100,0

useEffect(() => {
    if (!controls || !camera) return;

    camera.position.set(100, 100, 100);
    controls.target.set(100, 100, 0);
  }, [camera, controls]);