Introducción a la Graficación

La graficación hecha por computadora es el arte o la ciencia de producir imágenes gráficas con la ayuda de la computadora.

En los gráficos por computadora, la computadora se utiliza para crear una imagen.

La graficación por computadora es una de las áreas más importantes de las ciencias de la computación y su principal objetivo es establecer los principios, técnicas y algoritmos para la generación y manipulación de imágenes mediante una computadora.
Las imágenes pueden ser de distinta complejidad, en dos dimensiones hasta modelos tridimensionales donde se requiere producir imágenes de aspecto real.

Para la creación de los gráficos por computadora existen diferentes software que hacen posible la realización. Blender y WebGL son ejemplos de software de computadora para la graficación.

WebGL

WebGL es una especificación estándar que está siendo desarrollada actualmente para mostrar gráficos en 3D en navegadores web. El WebGL permite mostrar gráficos en 3D acelerados por hardware (GPU) en páginas web.

WebGL está basado en OpenGL ES 2.0 y proporciona una API para gráficos 3D. Se utiliza el elemento canvas HTML5 y se accede mediante interfaces Document Object Model. Gestión de memoria automática se proporciona como parte del lenguaje JavaScript.

WebGL carece de las rutinas matemáticas matriz eliminadas en OpenGL 3.0. Esta funcionalidad debe ser proporcionada por el usuario en el espacio de código JavaScript; este código necesario se complementa con frecuencia con una biblioteca de matriz tal como glMatrix, TDL, o MJS.

Blender

Blender es un programa informático multiplataforma, dedicado especialmente al modelado, iluminación, renderizado, animación y creación de gráficos tridimensionales. También de composición digital utilizando la técnica procesal de nodos, edición de vídeo, escultura (incluye topología dinámica) y pintura digital. En Blender, además, se puede desarrollar vídeo juegos ya que posee un motor de juegos interno.

Blender está pensado para representar, o dibujar, escenas 3D, generando al final una imagen 2D.

Blender es Multiplataforma, libre, gratuito y con un tamaño de origen realmente pequeño comparado con otros paquetes de 3D, dependiendo del sistema operativo en el que se ejecuta, además de tener Capacidad para una gran variedad de primitivas geométricas, incluyendo curvas, mallas poligonales, vacíos, NURBS, metaballs.

Ejercicios de WebGL y Blender

A continuación mostraremos algunos ejemplos creados en estas dos herramientas que tenemos para la graficación por computadora.

En este gráfico que mostramos se utilizaron diferentes herramientas que nos proporciona WebGL como esferas, luz ambiental para el efecto de luz de noche, imágenes, controles de orbita para manejar el gráfico con el mouse, etc. En la imagen podemos observar el planeta Tierra abierto desde un navegador.

La siguiente imagen muestra varias figuras en la que están incluidos en Blender. En este ejercicio se manejan los principalmente los diferentes materiales que hay en el software, así como las diferentes figuras que tiene.

En este otro ejercicio también se manejan materiales, a diferencia de que en este se manejan los objetos con nodos haciendo que el material sea más sencillo de modificar. En la siguiente imagen se muestra un cubo encima de un plano emulando un tablero de ajedrez.

A continuación mostraremos una pecera con una manta sobre ella. Este trabajo se llevo a cabo manejando los objetos de Blender en modo edición y así modificar los objetos que hay en Blender. Otra de las principales cosas que se utilizaron fue la división en nodos en el plano, y cambiando las propiedades para emular una manta.

En esta práctica se utilizaron las curvas de Bézier para la creación del logotipo de twitter. Además del uso de texto.

Por último en este ejercicio se utilizaron las propiedades de partículas y nodos para los materiales y el brillo. También destaca por la utilización de lámparas para la iluminación sino usando planos y cambiando el material.

Bibliografia

http://es.slideshare.net/borboletiux/graficacin-por-computadora-1639440

http://estudiantes.iems.edu.mx/cired/html/articulos/politicainformactica/graficacion.html

http://www.buenastareas.com/ensayos/Definici%C3%B3n-De-Graficacion/2709901.html

https://es.wikipedia.org/wiki/WebGL

https://es.wikipedia.org/wiki/Blender
https://3dtrain.wordpress.com/2014/09/03/historia-de-la-animacion-por-computadora/
https://es.wikipedia.org/wiki/Tweening
https://es.wikipedia.org/wiki/Morphing
https://en.wikipedia.org/wiki/Onion_skinning
https://es.wikipedia.org/wiki/Animaci%C3%B3n#Rotoscopia
https://es.wikipedia.org/wiki/Cel_shading
https://es.wikipedia.org/wiki/Morph_target_animation
https://es.wikipedia.org/wiki/Captura_de_movimiento
https://es.wikipedia.org/wiki/Simulaci%C3%B3n_de_multitudes