如何通过react three/fiber和react threy/drei中的代码平移相机

Question

我可以使用带有OrbitControls的鼠标将相机从默认位置[0,0,0]平移到[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

我们需要将相机移动到[10001000]并查看[10100100,0]

useEffect(() => {
if (!controls || !camera) return;
camera.position.set(100, 100, 100);
controls.target.set(100, 100, 0);
}, [camera, controls]);