reactjs React三纤维绕某一轴线旋转

fbcarpbf  于 2023-02-15  发布在  React
关注(0)|答案(3)|浏览(134)

我正在使用react-three-fiber,我想以某个轴和Angular 旋转网格。我应该在react-three-fiber中的何处添加“setRotationfromAxisAngle”之类的内容

<mesh>
  <geometry/>
  <material/>
</mesh>
deyfvvtc

deyfvvtc1#

试试这个:

<Rafter axis={new THREE.Vector3(1, 0, 0)} angle={Math.PI/2} />

...

const Rafter = (props) => {

  const ref = useUpdate(group => {
    group.rotateOnAxis(props.axis,props.angle)
  }, [])

  return (
    <group ref={ref}>
      <mesh>
        <geometry/>
        <material/>
      </mesh>
    </group>
  )

}

您也可以使用rotateX, rotateY, and rotateZ方法。

const ref = useUpdate(group => {
    group.rotateX(props.angle)
  }, [])
epggiuax

epggiuax2#

你可以使用组作为枢轴点.每个对象有一个旋转 prop ,你可以设置.

aoyhnmkz

aoyhnmkz3#

你可以用一个小 prop

<mesh rotation-y={radians}>
  <geometry/>
  <material/>
</mesh>

相关问题