三纤维反应绕某个轴旋转

Question

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

syntax-quote

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