反应三个光纤 OrbitControls 初始缩放更宽

Question

我正在研究这个 codesandbox 来练习 React Three Fiber。

我对 demo 的问题是我真的不明白如何在 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}
  />

查看沙盒 fork。

React Three Fiber OrbitControls Initial zoom wider