react-three-fiber绕某个轴旋转

【问题标题】：react-three-fiber rotate around a certain axisreact-three-fiber绕某个轴旋转
【发布时间】：2020-11-13 19:17:11
【问题描述】：

我正在使用 react-three-fiber，我想以某个轴和角度旋转我的网格。我在哪里可以在 react-three-fiber 中添加“setRotationfromAxisAngle”之类的东西

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

【问题讨论】：

标签： reactjs three.js react-three-fiber

【解决方案1】：

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

【讨论】：

【解决方案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)
  }, [])

【讨论】：