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

Accede al curso completo hoy mismo

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

Preparar elementos 3D con JavaScript y webGL

Preparar elementos 3D con JavaScript y webGL

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

Comenzar mi mes de prueba gratis Comprar para mi equipo

Preparar elementos 3D con JavaScript y webGL

“

Utilizando la tecnología de WebGL podemos crear aplicaciones y elementos 3D en HTML controlados a través de JavaScript. En esta lección vamos a aprender cómo generar una versión muy básica de estos elementos en WebGL. Acá yo tengo un archivo llamado index.html y también tengo un archivo llamado base.js. En el caso del archivo index.html, vamos a incluir acá un código de HTML5; vamos a ponerle acá Base WebGL y vamos a vincularlo con el archivo base.js. El siguiente paso es que vamos a agregar el elemento canvas. En este caso, lo vamos a meter dentro del body y vamos a agregar la etiqueta canvas. Las canvas nos permiten básicamente manipular elementos gráficos dentro de HTML. Usualmente, las utilizamos para manipular elementos en 2D, pero a través de la técnica que te voy a mostrar, podemos manipular las canvas para insertarle elementos 3D. Ahora: tenemos estas canvas que, para poderlas controlar, lo que vamos a hacer es que le vamos a agregar un id. Así que le vamos a poner el nombre…

Contenido