Introducción

Para las prácticas que vamos a hacer tenemos que tener en cuenta que vamos a hacerlas mediante el framework o biblioteca en Español que es conocida como three.js, esta biblioteca es para Javascript y vamos a hacer prácticas de forma grácfica, es decir vamos a implementar todo lo que tiene que ver con elementos grácficos como lo son las coordenadas pasando por X, Y y Z, hasta cosas más complejas como los son luces, interfaces gráficas de usuario,etc.

En estas prácticas encontrarás que empezaremos desde lo más básico como lo es la parte de descargar la biblioteca de three.js y pasaremos a la parte de coordenadas viendo como es que se ubican mediante three.js y la parte de los ejes y como configurar y posicionar la cámara para pasar a la parte de desarrollo o construcción gráfica, en esta parte dibujaremos líneas manipulando las coordenadas que veremos en la primera parte, después lo que haremos será colocar puntos en pantalla y haremos una práctica interesante que será dibujar 10000 puntos en pantalla aplicando lo anterior visto.

Una vez vista la parte de los fundamentos más escenciales de gráficación tendremos que pasarnos a desarrollo 3D con three.js, de este modo tendremos que aplicar todo lo aprendido hasta ahora y desarrollar prácticas con objetos 3D e incluso veremos como manipular estos objetos con interfaz de usuario o GUI. Lo primero que haremos en este apartado va a ser crear un plano en el cuál proyectaremos luz y veremos un degradado conforme la posición de la luz, es decir manipularemos tanto la luz como las pocisiones y coordenadas. Lo siguiente que haremos va a ser aprender a gráficar objetos 3D, en este caso lo que va a ser serán diferentes figuras con clases que tiene incorporadas three.js. Una vez vistas las figuras aprenderemos a manipular elementos u objetos 3D con interfaz gráfica de usuario o GUI, en este caso va a ser aumentar y disminuir la velocidad de rotación mediante las opciones que elija el usuario, cambiar el color, y aumentar o disminuir la opacidad de la figura que dibujaremos en un plano. Finalmente aplicaremos todo lo aprendido en esta desde el inicio y crearemos un plano con 3 luces o lámparas para poder ver los como cambian los colores en tiempo real mientras el usuario cambia las opciones desde su interfaz gráfica y como se proyecta la luz y cambia sus colores al combinarme mediante la proyección en un plano que crearemos.