0
235
VistasAgregue textura dinámica al modelo usando tres js y React Three Fiber y gltfjsx
Quería probar tres js y siguiendo este tutorial https://www.youtube.com/watch?v=xy_tbV4pC54 , pude ejecutarlo
Lo que quería hacer ahora es agregar textura de imagen encima del modelo, algo como esto
https://osorina.github.io/cup-demo/image/
no he probado ningún código porque todavía estoy buscando una manera de hacerlo, algunos dicen que necesito usar fabricjs pero no puedo encontrar ningún recurso útil que se adapte a mis necesidades, espero que alguien aquí sepa cómo hacer algo como la demostración de taza anterior .
Aquí está la caja de arena https://codesandbox.io/s/floating-shoe-forked-qxjoj , gracias de antemano
1 Respuestas
Responde la pregunta0
puede sobrescribir accesorios predefinidos
import { useGLTF, useTexture } from '@react-three/drei' function Model() { const { nodes, material } = useGLTF(...) const texture = useTexture("/texture.jpg") ... return ( <group> <mesh geometry={...} material={...} material-map={texture} />también puede reemplazar completamente un material existente:
<mesh geometry={...}> <meshStandardMaterial map={texture} /> </mesh>solo tenga en cuenta que las texturas necesitan coordenadas UV adecuadas que generalmente se configuran en Blender o en el software de modelado. no puedes simplemente poner una imagen en algo y esperar que se alinee.