reactjs - react-three-fiber绕某个轴旋转

Question

我正在使用react-three-fiber，我想以某个轴和角度旋转我的网格。我在哪里添加类似“setRotationfromAxisAngle”的反应三纤维

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

Answer 1

您可以使用组作为枢轴点。每个对象都有一个可以设置的旋转道具。

Answer 2

尝试这个：

<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)
  }, [])