La graficacion

Es el campo de la informática visual, donde se utilizan computadoras tanto para generar imágenes visuales sintética mente como integrar o cambiar la información visual y espacial probada del mundo real, una explicación mas sencilla seria que es el estudio de métodos para crear, manipular y utilizar contenido visual digitalmente. Aunque el término se refiere a menudo a computación gráfica 3D también abarca la computación gráfica en 2D

Aplicaciones de la graficacion 

Lo que te puedas imaginar, podrá ser realizado con gráficas por computadora. Obviamente Hollywood lo sabe muy bien. Cada año, nos asombramos por los nuevos efectos especiales de las películas. Más y más de estas imágenes existen solamente dentro de la memoria de una computadora. Parece que no tienen fin. Pero no solo se está hablando de mega producciones de grandes presupuestos. Hay videos de música, televisión, noticias, etc... La computación gráfica es ahora una parte importante de la industria del entretenimiento.Otra área de graficacion seria para desarrolladores de paginas web donde crean pantallas o efectos en una pagina web, o juegos como un ejemplo el mini juego de google chrome de dinosaurio ("T-Rex Run").

 Otras áreas donde la graficacion participa;

1. PELÍCULAS Y EFECTOS ESPECIALES
2. JUEGOS
3. VISUALIZACIÓN
4. ENTRENAMIENTO Y SIMULACIÓN
5. GENERACIÓN DE IMÁGENES MÉDICAS
6. ARTE
7. ARQUITECTURA
8. REALIDAD VIRTUAL https://youtu.be/8F_PeHVSVCo
9. REALIDAD AUMENTADA https://youtu.be/C6pDbNNaCgk
10. MEDIOS MÓVILES 

 Practicas de graficacion

A continuación se mostraran 9 pequeños ejemplos de graficacion echos en clase  estas practicas irán aumentando en complejidad;

1. Practica 1
2. Practica 2
3. Practica 3
4. Practica 4
5. Practica 5
6. Practica 6
7. Practica 7
8. Practica 8

Practica 8

Esta pracitca es un ejemplo sencillo de la graficacion este ejemplo se realizo gracias a las extenciones de THREE.js que es una biblioteca liviana escrita en JavaScript para crear y mostrar gráficos animados por ordenador en 3D en un navegador Web y puede ser utilizada en conjunción con el elemento canvas de HTML5, SVG o WebGL.

Este ejemplo fue hecho contiene un gran cantidad de documentos (o archivos) uno que era de formato html,  JavaScript, jquery.js (JavaScript), el archivo JavaScript es parte de la biblioteca de THREE.js, el archivo jquery.js es parte de la biblioteca o extencion de THREE.js, el otro archivo es también parte de la extencion de THREE.js que es un script de control de orbita en esta practica se puede controlar la vista y un objeto se encuentra en movimiento, y un script que permite agregar un GUI (Hud)  y el archivo html nomas contiene una serie de códigos donde se realiza esta practica entre otros.


La practica consiste en crear el planeta tierra  en el espacio, para ello se creo una esfera que tiene varios elementos que lo componen, primero la esfera tiene una textura de la planeta tierra y este se le agrego un bump map para dar un mejor realismo y con ello un material brillante para la fuente de luz que se encuentra en la escena, se agrego un tipo de sobre puesto (Overlay) de nubes sobre la tierra, finalmente se agrego un hud y con ello un control de velocidad donde se puede regular la velocidad de rotación de la esfera y con ello se agrego un fondo de espacio y un contador de fps (Frames per second).

Practica 7

Esta pracitca es un ejemplo sencillo de la graficacion este ejemplo se realizo gracias a las extenciones de THREE.js que es una biblioteca liviana escrita en JavaScript para crear y mostrar gráficos animados por ordenador en 3D en un navegador Web y puede ser utilizada en conjunción con el elemento canvas de HTML5, SVG o WebGL.


Este ejemplo es muy similar a la practica 6 fue hecho con un solo 5 documentos (o archivos) uno que era de formato html,  JavaScript , jquery.js (JavaScript), el archivo JavaScript es parte de la biblioteca de THREE.js, el archivo jquery.js es parte de la biblioteca o extencion de THREE.js, el otro archivo es también parte de la extencion de THREE.js que es un script de control de orbita en esta practica se puede controlar la vista y un objeto se encuentra en movimiento, y un script que permite agregar un GUI (Hud)  y el archivo html nomas contiene una serie de códigos donde se realiza esta practica.

 La practica consiste de un plano situado en medio de la escena y la cámara apuntando a ella con un cubo arriba, el plano que tiene una textura de cesped y cubo giran hacia una dirección constantemente, en la escena se encuentra un fuente de luz para crear la ilusión de que ay luz verdadera y sombra, el cubo tiene un color rojo como predeterminado pero este se puede cambiar ya que en la practica se agrego un GUI (HUD) donde se pueden controlar la velocidad de rotación de los objetos de la escena, incluso la opacidad del cubo y se puede controlar el color del mismo cubo, esta practica es muy similar a la practica 6 solo que en eta practica se agrego un escudo como la practica 4 con un escudo solamente que aquí se agrego una funcion para crear la linea de vertices en una figura 3d y este tiene una textura de piedras