React 三纤维 OrbitControls 初始变焦更宽

Question

我正在开发这个codesandbox来练习React Three Fiber。

我对演示的问题是，我真的不明白如何将初始缩放设置得更宽，以便OrbitControls我可以看到更多小星星？

这是我认为需要传递缩放值的相关代码

  <OrbitControls
    enableZoom={true}
    enablePan={true}
    enableRotate={true}
  />

我在官方网站上进行了挖掘，以了解OrbitControls配置初始缩放实际需要什么

Answer 1

您可以将相机的初始位置设置得更远。在 Three.js 中你会这样做：

camera.position.set(x, y, z); // The point where you want the camera
controls.update();

似乎也适用于此演示。尝试在 x 轴上移开：

  <PerspectiveCamera
    makeDefault
    position={[500, 0.9, 1.8]}
    fov={60}
    zoom={0.9}
  />

请参阅沙盒分支。