1.2.6 Practica 6



El objetivo de la practica 6 es implementar un plano y sobre ese plano algunas figuras geométricas 2D y 3D, además de aplicarle a una figura un panel de control para controlar la velocidad de rotación, color y opacidad. De igual forma esta práctica contendrá un archivo índex (codigo html) y otro con el código necesario de java script.


En el archivo index de igual forma lo único que se genera es la configuración del idioma, el título que contendrá, la ubicación de las librerías que se utilizaran y la configuración del canvas, asi como también contendrá el nombre del archivo donde estará creado el de java script para la ejecución del mismo.




Una vez que se terminó con el índex proseguimos al archivo en cual generamos el código de java, de igual forma configuramos la escena, cámara y render, agregando un nuevo elemento para reajustar la ventana del navegador a la de origen. Ya configurado eso, pasamos a habilitar la pestaña de los controles, para después pasar a crear el plano (con ayuda de la librería de THREE.JS) y, crear y colocar las figuras en el plano, para después el plano agregarlo a la escena y renderizarlo. No sin antes haber indicado a que figura asignaremos los controles.



1.6.7 Practica 7

El objetivo de la practica 7 es implementar un plano y sobre ese plano generar un cubo, además de aplicarle un panel de control para controlar la velocidad de rotación, color y opacidad. De igual forma esta práctica contendrá un archivo índex (codigo html) y otro con el código necesario de java script.




En el archivo index de igual forma lo único que se genera es la configuración del idioma, el título que contendrá, la ubicación de las librerías que se utilizaran y la configuración del canvas, asi como también contendrá el nombre del archivo donde estará creado el de java script para la ejecución del mismo.


De igual forma que en la práctica anterior generamos el código de java, comenzando por configuramos la escena, cámara y render, agregando un nuevo elemento que es la configuración y aplicación de la luz desde un ángulo en específico. Ya configurado eso, pasamos a habilitar la pestaña de los controles, para después pasar a crear el plano (con ayuda de la librería de THREE.JS) y, crear y colocar la figura en el plano añadiéndole a esta un apartado para que el plano pueda recibir la generación de la sombra, para después el plano agregarlo a la escena y renderizarlo.


1.2.9 Practica 9


El objetivo de la practica 9 es crear el planeta tierra mediante el uso de una esfera y la aplicación de varias texturas, además de implementarle un fondo con las estrellas.



En el archivo index de igual forma lo único que se genera es la configuración del idioma, el título que contendrá, la ubicación de las librerías que se utilizaran así como la ubicación de las imágenes y la configuración del canvas, asi como también contendrá el nombre del archivo donde estará creado el de java script para la ejecución del mismo.



En el archivo en el que colocamos el código de java script  de igual forma lo primero que hacemos es configurar la cámara, escenario y render, después de eso proseguimos a configurar la luz diracta y la luz ambiental, ya teniendo configurado eso, se procede a crear una esfera con la ayuda de un método de la librería de THREE.JS a la cual también se le asignara un identificador o nombre, ya creada la esfera se procede a crear las capas con las cuales se envolverá la esfera asi como la configuración de cada una de estas. Ya que requiere un rederizado por cada capa aplicada.