Estoy intentando aplicar un mapa de textura en formato png a un modelo glTF que tengo. Simplemente no puedo entender cómo hacerlo. Actualmente, puedo importar el modelo glTF correctamente haciendo lo siguiente: import { useGLTF } from “@react-three/drei”; const Scene = () => { const gltf = useGLTF(‘*ruta*’); return ( . . . Read more
Cuando establezco el color del material como una cadena hexadecimal, la malla se representa con un color cercano a lo que espero. Pero cuando lo establezco con una instancia de THREE.Color(sameHexString), la malla tiene un color diferente. Tengo un código simplificado que reproduce esto: https://codesandbox.io/s/mystifying-wind-qhp99?file=/src/App.js Con linear en el <Canvas> . . . Read more
Hola, tengo un componente Cube simple hecho con react three fibre. import {useState,useRef} from ‘react’; import { useFrame } from ‘@react-three/fiber’; const Box = ({props}) =>{ const ref = useRef() const [hovered, hover] = useState(false) const boxClick = () =>{ alert(‘clicked the object’) } return ( <mesh {…props}=”” ref=”{ref}” onclick=”{boxClick}” . . . Read more
Estoy cargando un objeto usando useGLTF (react three fiber). Lo estoy mostrando con react three fiber. Se muestra bien, pero no sé cómo animar el objeto, sus animaciones están definidas en el archivo que proporciono a useGLTF. Aquí está el código sandbox: https://codesandbox.io/s/myoffice-3wpf4?file=/src/Components/MyOffice.js Aquí está el proyecto en GitHub: https://github.com/rafaelsoteldosilva/serenity . . . Read more