Del curso: JavaScript práctico: Realidad virtual con Hololens

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 24.500 cursos impartidos por expertos del sector.

Animación de objetos con Three.js

Animación de objetos con Three.js

Del curso: JavaScript práctico: Realidad virtual con Hololens

Comenzar mi mes de prueba gratis Comprar para mi equipo

Animación de objetos con Three.js

“

Aprenderemos en esta lección cómo administrar los movimientos y posición de los elementos geométricos que se encuentran en pantalla utilizando Three.js Acá, tengo un proyecto, que ya tengo previamente configurado, donde estoy definiendo dos diferentes objetos. Uno es un cono y el otro es un cubo. En ambos caso tengo diferentes configuraciones. En uno de ellos tengo un color sólido blanco, y en el otro estoy cargando una textura, la cual estoy haciéndola a través de esta línea, y estoy cargando una imagen que ya, previamente, he incluido dentro de mi proyecto. Ahora, vamos a modificar las propiedades de este proyecto. Primero, vamos a ver cuál es el resultado actual. Vemos que, por ahora, tenemos un cubo y tenemos un cono y estos elementos están estáticos. Vamos a modificarlos para que tengan movimiento. El movimiento lo vamos a controlar desde la sección del rénder. Vamos a buscar, en este caso, esta opción donde estamos haciendo el requestAnimationFrame y también estamos llamando…

Contenido