ThreeJS将摄影机更改为正交摄影机

时间:2020-07-14 01:00:13

标签: reactjs three.js camera orthographic react-three-fiber

“ react-three-fiber”纤维中的默认摄像头是透视图,因此我的旋转模型在旋转时会变形。我需要一个正交摄影机来避免这种情况。 react-fiber-fiber的文档建议我可以通过在canvas模块中包含以下语句来更改相机:

"orthographic = false          // Creates an orthographic camera if true

但是此语句不起作用=编译器不喜欢等号。

下面的语句被编译器接受,但是失真没有明显的区别: <画布样式= {{背景:“#171717”,正字:true}}>

npm文档没有特别说明以这种方式创建的正交摄影机将替换现有摄影机,或创建新的摄影机。

有一个“设置默认相机”声明

1 个答案:

答案 0 :(得分:0)

这有效:

  <Canvas orthographic camera={{ zoom: 50, position: [0, 0, 100] }} >
    <ambientLight /> 
    <pointLight position={[10, 10, 10]} />
    <directionalLight intensity={4.16} />
    <Suspense fallback={<Loading />}>
      <YourModel />         // replace with name of function which creates your model
    </Suspense>
  </Canvas>