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

Accede al curso completo hoy mismo

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

Crear un elemento tridimensional con Three.js

Crear un elemento tridimensional con Three.js

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

Comenzar mi mes de prueba gratis Comprar para mi equipo

Crear un elemento tridimensional con Three.js

“

En esta lección vamos a agregar elementos geométricos dentro de una escena 3D de WebGL a través de three.js. En este caso, estoy yo trabajando dentro de un documento llamado index.html. Y acá tengo un archivo llamado base.js. En base.js estoy definiendo las propiedades de mi escena. Por ejemplo, acá puedo mostrar que estoy creando una variable donde estoy creando la escena. Estoy agregando una cámara y una posición para esta cámara y también estoy agregando un render que va a desplegar toda la información que se encuentra en la escena y que es capturada por la cámara. Finalmente, estoy definiendo las propiedades tanto del tamaño que va a tener mi escena, así como del color de fondo. Y, por último, agrego toda esta información dentro del documento para que se despliegue y los usuarios puedan verlos correctamente. Ahora, lo único que queda restante por hacer es definir el render y mostrarlo dentro del contenido que ya se encuentra en el documento. Ese es básicamente el flujo que está…

Contenido