我试过用react三纤维和react来制作模型,但是OrbitControl的目标是使它看起来很高。
import React, { useRef, useState, Suspense, useEffect } from 'react'
import { Canvas, useFrame, useLoader, useThree} from '@react-three/fiber'
import { ContactShadows, Environment, useGLTF, OrbitControls, PerspectiveCamera } from "@react-three/drei"
import { proxy, useSnapshot } from 'valtio'
import {HexColorPicker} from "react-colorful"
...
export default function App() {
return (
<>
<Picker/>
<Canvas camera>
<PerspectiveCamera makeDefault position={[0.1, 0.9, 1.8]} fov={60} zoom={0.9}/>
<OrbitControls target={-0.061775 , 10, 0} />
<ambientLight intensity={1} />
<spotLight intensity={1} angle={0.1} penumbra={1} position={[10, 15, 10]} castShadow />
<Suspense fallback={null}>
<Bike />
<Environment preset="city" />
<ContactShadows rotation-x={Math.PI / 2} position={[0, -0.8, 0]} opacity={0.25} width={10} height={10} blur={1.5} far={0.8} />
</Suspense>
</Canvas>
</>
)
}我尝试使用从@react 3/drei导入的OrbitControls中的目标变量来更改它,但是x和y轴不工作,z轴是螺母。我应该使用anothe OrbitControl进行React.Please帮助吗?
发布于 2021-06-22 16:06:29
为了更改OrbitControls的默认目标,需要将支柱封装在一个数组中,如下所示:
<OrbitControls target={[-0.061775 , 10, 0]} />或者,如果您希望分别声明塔吉特x、塔吉特y或塔吉特z,可以使用以下虚线语法:
<OrbitControls target-x={-0.061775} />资源:
https://stackoverflow.com/questions/67950854
复制相似问题