He usado un convertidor gltf a jsx en Github ( https://github.com/pmndrs/gltfjsx ) para crear componentes JSX de mi modelo. Sin embargo, me cuesta entender cómo ajustar mi model.js para que el modelo gire automáticamente sobre su eje. ¿Podría alguien ayudarme con esto?
import React, { useRef } from 'react' import { useGLTF } from '@react-three/drei' export default function Model({ ...props }) { const group = useRef() const { nodes, materials } = useGLTF('/model.glb') return ( <group ref={group} {...props} dispose={null}> <group position={[-0.0, -0.3, -1]} rotation={[-Math.PI / 2, 0, 2.7]} scale={0.58}> <mesh geometry={nodes.boot_0.geometry} material={nodes.boot_0.material} /> <mesh geometry={nodes.boot001_0.geometry} material={nodes.boot001_0.material} /> <mesh geometry={nodes.boot002_0.geometry} material={nodes.boot002_0.material} /> <mesh geometry={nodes.boot003_0.geometry} </group> </group> <group position={[-0.02, -0.01, 0.06]} rotation={[-Math.PI / 2, 0, 0]} scale={0.58}/> </group> ) } useGLTF.preload('/model.glb')