реагировать-три-волокна вращаются вокруг определенной оси

Question

Я использую react-three-fiber и хочу повернуть сетку на определенную ось и угол. Где я могу добавить что-то вроде "setRotationfromAxisAngle" в react-three-fiber

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

Answer 1

Попробуй это:

      <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>
  )

}

Вы также можете использовать методы.

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

Answer 2

Вы можете установить его с опорой

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

Answer 3

Вы можете использовать группы в качестве опорных точек. Каждый объект имеет свойство вращения, которое вы можете установить.