es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: THREE.JS

¿Por qué al establecer el color de un material con una cadena hexadecimal y el objeto THREE.Color se obtienen resultados diferentes?

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

Eliminar EventListener de AnimationMixer de treejs.

Tengo un AnimationMixer y quiero adjuntar cierta lógica al final de la animación. Como indica la documentación, utilicé addEventListener en el mezclador y funcionó bien, PERO cuando intenté quitar el listener, no funcionó. (También intenté ver si hasEventListener funciona, pero sin suerte). En resumen, El registro para addEventListener funciona, pero . . . Read more

React Three Fiber: ¿Cómo cambiar entre TrackballControls y OrbitControls? En este tutorial, aprenderás cómo cambiar entre las configuraciones de TrackballControls y OrbitControls en React Three Fiber. Paso 1: Instalación de los controles Lo primero que debes hacer es instalar los controles necesarios en tu proyecto de React Three Fiber. Puedes hacerlo utilizando npm o yarn ejecutando el siguiente comando: npm install three-orbit-controls three-trackballcontrols Paso 2: Importación de los controles A continuación, importa los controles en tu componente donde deseas utilizarlos. Puedes hacerlo de la siguiente manera: import { OrbitControls, TrackballControls } from ‘three-orbit-controls’; Paso 3: Cambio entre TrackballControls y OrbitControls Ahora, para cambiar entre TrackballControls y OrbitControls, solo necesitas renderizar el control adecuado en tu escena. Puedes cambiar entre ellos utilizando una variable de estado en tu componente, por ejemplo: const [useTrackball, setUseTrackball] = useState(true); Luego, en tu JSX de renderizado, verifica el valor de esta variable de estado y renderiza el control correspondiente. Por ejemplo: {useTrackball ? ( ) : ( )} Paso 4: Eventos y configuraciones adicionales Si deseas personalizar aún más los controles, puedes pasar props adicionales a los componentes TrackballControls y OrbitControls. Estos props te permiten configurar eventos, restricciones y otras opciones según tus necesidades. ¡Y eso es todo! Ahora ya sabes cómo cambiar entre TrackballControls y OrbitControls en tu proyecto de React Three Fiber. Esperamos que este tutorial te haya sido útil.

Estoy tratando de crear un visor en react-three-fiber con react-three/drei donde puedo cambiar entre OrbitControls y TrackballControls. El problema es que cuando cambio de TrackballControls a OrbitControls, el eje alrededor del cual rota la cámara cambia porque TrackballControls cambia el vector de arriba al moverse alrededor. He creado un par . . . Read more