reactjs - 如何设置 OrbitalControls 初始位置？

Question

我一直在研究 react-three-fiber 并且非常喜欢 OrbitControls 元素，它可以让你通过拖动鼠标来控制相机。

我怀疑是否有办法控制元素的初始位置/视角。

我正在创建一个演示，我正在使用一个平面来模拟地面。从上方看时它看起来不错，但在默认位置上它变得不可见，就像水平看一张纸一样。

我试图弄乱一些属性，例如 position 和 minPolarAngle，但无法观察到任何差异。任何人都可以在这方面提供帮助吗？

      <Canvas>
        <OrbitControls position={[10, -40, 0]} /> // 'position' doesn't seem to work
        <ambientLight intensity={0.4} />

        <Suspense fallback={"...Loading"}>
          <Stars />
          <Box/>
          <Ground />
        </Suspense>

      </Canvas>

Answer 1

OrbitControls 将使用现有相机并遵守其初始位置*，因此您无需执行任何专门操作；只需在 Canvas 上指定 camera Prop 即可。

*但不是它的初始旋转。 OrbitControls 将立即覆盖对 camera.lookAt 的任何调用。在这种情况下，指定一个 target(默认为 [0,0,0])。

<Canvas camera={{ fov: 45, position: [10, -40, 0] }}>
  <OrbitControls target={[10, 0, 0]} />
</Canvas>