viernes, 9 de noviembre de 2018

Introducción a la graficación


Introducción a la Graficación

La graficación por computadora es el estudio de algoritmos para el diseño e implementación de representaciones graficas de los datos y sus relaciones entre sí.

Actualmente 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, como por ejemplo en dos dimensiones o incluso modelos tridimensionales donde se requiere producir imágenes de aspecto real.

En otras palabras la graficación por computadora es la creación, almacenamiento, manipulación y despliegue de imágenes con la asistencia de una computadora.



Áreas donde se aplica la graficación:

1.- Videojuegos.
2.- Simulación.
3.- Dispositivos móviles.
4.- Medicina.
5.- Realidad virtual.
6.- Realidad aumentada.
7.- Arquitectura.
8.- Películas.

A continuación mostrare 9 practicas donde mostrare los proyectos realizados en el curso de Graficación del 5to semestre de ingeniería en sistemas computacionales y un proyecto propuesto por mi.

Practica 01


Esta primera práctica a simple vista consiste en crear una línea con 3 vértices en diferentes posiciones y un fondo negro, pero también cuenta con un objeto que podríamos decir que se encuentra de manera implícita, esta es la cámara que nos permite ver los objetos en pantalla.

La práctica fue realizada con dos archivos, el primero con el formato HTML que contiene el código y el segundo con el formato JavaScript que con la ayuda de la librería THREE.js sirve para crear gráficos en 3D por medio de un navegador web y se puede utilizar en conjunto de elementos Canvas de HTML5, SVG o WebGL.

Practica 02


Para la segunda práctica tomamos como base la anterior, también creamos 3 vértices y los unimos con una línea utilizando el método THREE.LineBasicMaterial, para ello ingresamos el color de la línea a colocar en hexadecimal, después guardamos en una variable –Línea- la cual recibirá como parámetros el conjunto de vértices y el tipo de material contenido en el método THREE.LineBasicMaterial.

Después creamos una variable –Punto- utilizando el procedimiento anterior pero con un parámetro material diferente generado nuevamente por el método THREE.LineBasicMaterial y por ultimo agregamos la variable –Línea- y los Punto al entorno para que sean visibles