Unidad 1: Introducción a la graficación por computadora.

martes, 7 de marzo de 2017

Posted by Javier García Lara 10:00 p.m.

Integrantes de equipo:

  • Augusto Aguilar Luna
  • Antonio Salazar Emilio Emmanuel
  • Javier García Lara
  • Félix Antonio Serna Olguín
  • Gerardo Torres Alonso


Descripción del problema


Muchos niños o incluso jóvenes disfrutan de su tiempo libre jugando todo tipo de videojuegos, muchos tienen preferencias por los juegos que tienen un nivel grafico alto, y otras disfrutan más los juegos simples, es por eso que se tiene como propósito desarrollar un juego que sea entretenido y simple, claramente está dirigido a todo tipo de público.

Área de aplicación
  • Entretenimiento

Justificación del proyecto

Dados los avances tecnológicos y los diferentes medios de entretenimiento utilizados en la actualidad, la creación de un vídeo juego representa un gran medio para acceder a un público muy numeroso dentro de la sociedad, de esta manera a través de un juego es posible influir sobre la percepción de muchas personas, ya sea por fines de entretenimiento o fines educativos.

Investigaciones anuales de sociedad psicológica americana afirman que los vídeo juegos desarrollan la coordinación óculo-manual, visomotora y esto repercute en el desarrollo cognitivo. Además, desarrollan habilidades sicomotrices, como la orientación y la percepción.

Los vídeo juegos se han instalado en nuestra sociedad y, hoy por hoy, figuran como la primera opción de ocio y, cada día, con un mayor distanciamiento frente al cine o la música. Los vídeo juegos son una realidad social y, en este sentido, cualquier aspecto relacionado o que entronque con este tema se convierte en un valor mediático de gran repercusión.


Objetivo general

Hacer la representación gráfica, y de calidad, de un video juego de plataforma de ninjas en el cual deberá el usuario combatir a unos zombis.


Objetivos específicos

  • Utilizar un software especializado en la modelación, vectorización, generación y manipulación de objetos en 2D y 3D.
  • Que el usuario interactúe para entretenerse.
  • Hacer el aprendizaje dinámico y divertido para el usuario.
  • Proporcionar un material completo y detallado.
  • Poder apreciar los materiales usados, desde líneas e imágenes, hasta colores, formas y texturas del proyecto.


Software a utilizar

Para la realización de este proyecto utilizaremos el software “Unity”








sábado, 4 de marzo de 2017

Posted by Javier García Lara 3:12 p.m.

¿Qué es graficación en 2D?


La computación gráfica 2D es la generación de imágenes digitales por computadora - sobre todo de modelos bidimensionales (como modelos geométricos, texto y imágenes digitales 2D) y por técnicas específicas para ellos. La palabra puede referirse a la rama de las ciencias de la computación que comprende dichas técnicas, o a los propios modelos.
La computación gráfica 2D se utiliza principalmente en aplicaciones que fueron desarrolladas originalmente sobre tecnologías de impresión y dibujo tradicionales, tales como tipografía, cartografía, dibujo técnico, publicidad, etc. En estas aplicaciones, la imagen bidimensional no es sólo una representación de un objeto del mundo real, sino un artefacto independiente con valor semántico añadido; los modelos bidimensionales son preferidos por lo tanto, porque dan un control más directo de la imagen que los gráficos 3D por computadora (cuyo enfoque es más semejante a la fotografía que a la tipografía).

Ejemplo de animación 2D 

¿Qué es una transformación bidimensional?


Las transformaciones nos permiten alterar de una forma uniforme toda la imagen. Es un hecho que a veces es más fácil modificar toda la imagen que una porción de ella. Esto supone un complemento muy útil para las técnicas de dibujo manual, donde es normalmente más fácil modificar una pequeña porción del dibujo que crear un dibujo completamente nuevo.
La composición de transformaciones bidimensionales consiste en la mezcla de las transformaciones bidimensionales básicas como son traslación, sesgado y escalado.
Notemos que no mencionamos la rotación como una transformación básica, esta es en realidad la combinación de escalado y sesgado.



Estas transformaciones se representan mediante un matriz de tres por tres como esta en la siguiente figura. Los elementos a, b, c,d, tx y ty. Las posiciones adicionales u, v y w no las tomaremos en cuenta porque por el momento no son importantes. 

El significado para cada posición es la siguiente
a: escalado en el eje x.
b: sesgado en el eje y.
c: sesgado en el eje x.
d: escalado en el eje y.
tx: traslación en el eje x
ty: traslación en el eje y

¿Qué es la traslación y cuáles son sus características?

Una traslación es el movimiento en línea recta de un objeto de una posición a otra. Movimiento de una figura, sin rotarla ni voltearla. "Deslizar".
La figura sigue viéndose exactamente igual, solo que en un lugar diferente. Se aplica una transformación en un objeto para cambiar su posición a lo largo de la trayectoria de una línea recta de una dirección de coordenadas a otra. 

Características:

  • Se traslada un punto de la posición coordenada (X, Y) a una nueva posición (x’, y’) agregando distancias de traslación, Tx y Ty, a las coordenadas originales: x’ = x + Tx, y’ = y + Ty. 
  • El par de distancia de traslación (Tx, Ty) se denomina también vector de traslación o bien vector de cambio. 
  • Los polígonos se trasladan agregando las distancias de traslación especificadas a las coordenadas de cada punto extremo de la línea en el objeto. 
  • Los objetos trazados con curvas se trasladan cambiando las coordenadas definidoras del objeto. Para cambiar la posición de una circunferencia o elipse, se trasladan las coordenadas centrales y se vuelve a trazar la figura en la nueva localidad. 
  • Las distancias de traslación pueden especificarse como cualquier número real (positivo, negativo o cero). Si un objeto se traslada más allá de los límites del despliegue en coordenadas del dispositivo, el sistema podría retornar un mensaje de error, suprimir partes del objeto que sobrepasan los límites del despliegue o presentar una imagen distorsionada.

Ejemplo: 



¿Qué es la escalación y cuáles son sus características?

Una transformación para alterar el tamaño de un objeto se denomina escalamiento. Dependiendo del factor de escalamiento el objeto sufrirá un cambio en su tamaño pasando a ser mayor, o menor en su segmento de longitud. Esta es la transformación del objeto especialmente interesante, pues con ella se consigue el efecto Zoom.


La operación de escalado modifica la distancia de los puntos sobre los que se aplica, respecto a un punto de referencia. Para definir esta operación son necesarios dos factores de escala, Sx y Sy, según las direcciones x e y, y un punto o eje de referencia.

Características:

  • Cualquier valor numérico positivo puede asignarse a los factores de escalación Sx y Sy. 
  • Los valores menores que 1 reducen el tamaño de los objetos; 
  • Los valores mayores que 1 producen un agrandamiento. 
  • Si se especifica un valor de 1 para Sx y Sy se mantiene inalterado el tamaño de los objetos. 
  • Cuando a Sx y Sy se les asigna el mismo valor, se produce una escalación uniforme, la cual mantiene las propiedades relativas del objeto a escala. 

Existen dos tipos de escalado:

  • Escalado uniforme: El factor de escala es el mismo en las dos coordenadas, es decir Sx=Sy, y por lo tanto varía el tamaño pero no la forma del objeto.
  • Escalado diferencial: El factor de escala es distinto en cada dirección, es decir Sx es distinto de Sy, y se produce una distorsión en la forma del objeto.


¿Qué es la rotación y cuáles son sus características?

La transformación de puntos de un objeto situados en trayectorias circulares es llama rotación. Este tipo de transformación se especifica con un ángulo de rotación, el cual determina la cantidad de rotación de cada vértice de un polígono. 
Se pueden hacer que los objetos giren alrededor de un punto arbitrario o el punto pivote de la transformación de rotación puede colocarse en cualquier parte en el interior o fuera de la frontera exterior de un objeto, el efecto de la rotación consiste en oscilar el objeto con respecto a este punto interno. 
Para rotar un objeto (en este caso bidimensional), se ha de determinar la cantidad de grados en la que ha de rotarse la figura. Para ello, y sin ningún tipo de variación sobre la figura, la cantidad de ángulo ha de ser constante sobre todos los puntos. 

Los puntos también pueden ser rotados un ángulo θ con respecto al origen


En forma matricial


En la figura se muestra la rotación de la casa 45º, con respecto al origen.

Características:

  • Para generar una rotación, se especifica el ángulo de rotación 0, y el punto de rotación (pivote) sobre el cual el objeto será rotado. 
  • Los ángulos de rotación positivos definen una rotación en sentido contrario a las manecillas del reloj sobre el punto pivote (del eje X1 al eje X2), entonces los ángulos de rotación negativos producen una rotación en el sentido de las manecillas (del eje X2 al eje X1). 
  • Las Rotaciones son movimientos directos, es decir, mantienen la forma y el tamaño de las figuras. 
  • El sentido de rotación puede ser positivo (en contra del sentido horario) o negativo (a favor del sentido horario).

¿Qué es el sesgado y cuáles son sus características?

El sesgado es un tipo de transformación no rígida, pues existe una deformación del objeto original al aplicar dicha transformación. Existen dos tipos de sesgo: sesgo horizontal y sesgo vertical. 
  • Sesgo horizontal. Las coordenadas adyacentes al eje x permanecen fijas, los valores de y no cambian. 
  • Sesgo vertical. Las coordenadas adyacentes al eje y permanecen fijas, los valores de x no cambian. 



martes, 21 de febrero de 2017

Posted by Javier García Lara 5:26 p.m.

Examen diagnostico 



miércoles, 8 de febrero de 2017

Posted by Javier García Lara 8:36 p.m.

Aplicaciones de graficación existentes

CAD - Diseño Asistido por Computadora 

Computer-aided design (CAD) es el uso de programas computacionales para crear representaciones gráficas de objetos físicos ya sea en segunda o tercera dimensión (2D o 3D). El software CAD puede ser especializado para usos y aplicaciones específicas. CAD es ampliamente utilizado para la animación computacional  y efectos especiales en películas, publicidad y productos de diferentes industrias, donde el software realiza cálculos para determinar una forma y tamaño óptimo para una variedad de productos y aplicaciones de diseño industrial. 

En diseño de industrial y de productos, CAD es utilizado principalmente para la creación de modelos de superficie o sólidos en 3D, o bien, dibujos de componentes físicos basados en vectores en 2D. Sin embargo, CAD también se utiliza en los procesos de ingeniería desde el diseño conceptual y hasta el layout de productos, a través de fuerza y análisis dinámico de ensambles hasta la definición de métodos de manufactura. Esto le permite al ingeniero analizar interactiva y automáticamente las variantes de diseño, para encontrar el diseño óptimo para manufactura mientras se minimiza el uso de prototipos físicos.


Cinema 4D

Cinema 4D es un software de creación de gráficos y animación 3D desarrollado originariamente para Commodore Amiga por la compañía alemana Maxon, y portado posteriormente a plataformas Windows y Macintosh (OS 9 y OS X).
Permite modelado (primitivas, splines, polígonos), texturización y animación. Sus principales virtudes son una muy alta velocidad de renderización, una interfaz altamente personalizable y flexible, y una curva de aprendizaje (comparado con otros programas de prestaciones profesionales similares) muy vertical; en poco tiempo se aprende mucho. Una de las características más destacadas de Cinema 4D es la modularidad.



Autodesk Maya

Autodesk Maya (también conocido como Maya) es un programa informático dedicado al desarrollo de gráficos 3D por ordenador, efectos especiales y animación. Maya se caracteriza por su potencia y las posibilidades de expansión y personalización de su interfaz y herramientas. MEL (Maya Embedded Language) es el código que forma el núcleo de Maya y gracias al cual se pueden crear scripts y personalizar el paquete.
El programa posee diversas herramientas para modelado, animación, renderización, simulación de ropa y cabello, dinámicas (simulación de fluidos), etc. Además, Maya es el único software de 3D acreditado con un Oscar gracias al enorme impacto que ha tenido en la industria cinematográfica como herramienta de efectos visuales, con un uso muy extendido debido a su gran capacidad de ampliación y personalización.



Rhinoceros 3D

Rhinoceros 3D es una herramienta de software para modelado en tres dimenciones basado en NURBS. Es un software de diseño asistido por computadora creado por Robert McNeel & Associates, originalmente como un agregado para AutoCAD de Autodesk. El programa es comúnmente usado para el diseño industrial, la arquitectura, el diseño naval, el diseño de joyas, el diseño automotriz, CAD/CAM, prototipado rápidos, ingeniería inversa, así como en la industria del diseño gráfico y multimedia.
Rhino 3D se ha ido popularizando en las diferentes industrias, por su diversidad, funciones multidisciplinares y el relativo bajo costo. Las vastas opciones para importación y exportación en el programa es una razón del crecimiento de su uso. La gran variedad de formatos con los que puede operar, le permite actuar como una herramienta de conversión, permitiendo romper las barreras de compatibilidad entre programas durante el desarrollo del diseño.



Blender

Blender es un software destinado, en primera instancia, al modelado 3D de objetos para después hacer representaciones de ese modelado. Incorpora la posibilidad de dar texturas y materiales, iluminar la escena... Incluye las tecnologías más utilizadas en el diseño 3D: mallas, textos, meta-objetos, curvas, superficies y modelado escultórico.
Permite crear animaciones de los modelados; desde mecánicas restringidas de artilugios robóticos hasta emisiones de partículas para explosiones, pasando por todo tipo de cinemáticas para mover personajes. No puede dejarse de mencionar que incorpora la tecnología necesaria para animar fluidos, gases, telas, cuerpos blandos, pelo...
Incluye su propio motor de juegos para desarrollar paseos virtuales por recorridos arquitectónicos aunque en realidad es posible afrontar cualquier videojuego que un equipo humano cualificado se proponga. Además brinda muchas posibilidades en la simulación de físicas. Para el montaje final de una película cuenta con su propio editor de vídeo.
Incorpora la potente tecnología de edición de nodos que permite disponer de cada uno de los efectos por separado y no en un orden secuencial (tipo historial) donde al anular uno de ellos desaparecerían todos los posteriores.


viernes, 3 de febrero de 2017

Posted by Javier García Lara 12:29 a.m.

"Da clic en la imagen para visualizar mejor" 




Mapa elaborado en: Edraw Mind Map
Posted by Javier García Lara 12:12 a.m.
Áreas de aplicación de la graficacion

Información
Programas
Ejemplos
Diseño asistido por computadora
Este método, también llamado generalmente como CAD (Computer Assisted Desing)

Las herramientas CAD o CADD (diseño y dibujo asistido por computadora) permiten hacer uso de las tecnologías informáticas para el diseño y la documentación sobre diseño.
Ahora se utiliza de forma habitual para el diseño de construcciones, automóviles, aeronaves, embarcaciones, naves espaciales, computadoras, incluso telas y muchos productos.
Arte por computadora
Los creadores de bellas artes emplean diversas tecnologías de computación para producir imágenes. Con el propósito de crear pinturas el artista utiliza una combinación de paquetes de modelado tridimensional, diagramación de la textura, programas de dibujo y software de CAD.
Existen otros programas como Paintbrush (brocha de pintar) que permite a los artistas "pintar" imágenes en la pantalla de un monitor de video. En realidad, la imagen se pinta por lo general de manera electrónica en una tableta de gráficas (o digitalizador) utilizando un estilete, el cual puede simular diferentes trazos, anchuras de la brocha y colores.
En un ejemplo de "arte matemático" un artista utilizó una combinación de funciones matemáticas, procedimientos fractales, software de Mathematica, impresoras de chorro de tinta y otros sistemas con el fin de crear una variedad de formas tridimensionales y bidimensionales, al igual que pares de imágenes estereoscópicas.



Información
Programas
Ejemplos
Entretenimiento
Hoy en día es muy común utilizar métodos de gráficas por computadora para producir películas, videos musicales y programas de televisión. En ocasiones, se despliegan sólo imágenes gráficas y otras veces, se combinan los objetos con los actores y escenas en vivo.
Un ejemplo de aplicación, software en el campo del entretenimiento es el programa: Xamarin estudio, utiliza múltiples lenguajes en un entorno grafico amigable para el usuario.
Como por ejemplo, Los videos musicales aprovechan las gráficas de muchas maneras, se pueden combinar objetos gráficos con acción en vivo, o se pueden utilizar técnicas de procesamiento de imágenes para producir una transformación de una persona o un objeto en otro (a este efecto se le conoce como morphing).
Educación y capacitación
A menudo, se utilizan como instrumentos de ayuda educativa modelos de sistemas físicos, financieros y económicos, los cuales se generan por computadora. Modelos de sistemas físicos, sistemas fisiológicos, tendencias de población o equipo, pueden ayudar a los estudiantes a comprender la operación del sistema.
Algunos simuladores no tienen pantallas de video; por ejemplo, un simulador de vuelo que sólo tiene un panel de control como instrumento de vuelo. No obstante, la mayor parte de los simuladores cuenta con pantallas gráficas para la operación visual.

En el caso de algunas aplicaciones de capacitación, se diseñan sistemas especiales, como los simuladores para sesiones de práctica o capacitación de capitanes de barco, pilotos de avión, operadores de equipo pesado y el personal de control de tráfico aéreo.




Información
Programas
Ejemplos
Visualización
Las técnicas adicionales incluyen trazos, gráficas y diagramas de contorno, presentaciones de superficie y visualización de interiores de volumen. Además, se combinan técnicas de procesamiento de imágenes con gráficas por computadora para crear muchas de las visualizaciones de datos.
Sketchpad, es tan antiguo como Cabri y con gran difusión en Estados Unidos. Tiene todas las cualidades de Cabri y además tiene posibilidades de tratamiento y estudio de funciones, lo que permite ser utilizado también en temas distintos de los estrictamente geométricos.

Las comunidades de matemáticos, científicos físicos y otros utilizan técnicas visuales para analizar funciones matemáticas y procesos o sólo con el propósito de crear representaciones gráficas interesantes.
Interfaces graficas de usuario
Se aprecia en todos los sistemas digitales de nuestra actualidad, desde los teléfonos celulares, consolas, televisores, computadoras, etc.
Estas interfaces graficas se pueden apreciar en los sistemas que conforman los dispositivos digitales actualmente.
Hoy por hoy los paquetes de software ofrecen una interfaz gráfica. Un componente importante de una interfaz gráfica es un administrador de ventanas que hace posible que un usuario despliegue áreas con ventanas múltiples.



Información
Programas
Ejemplos
Cartografía
La modelación de la cartografía digital vemos que se toma una información se extrae de la realidad y representa en el sistema digital, también es la forma en que abstraemos elementos culturales y ambientales para representarlos de forma cartográfica.
Un ejemplo de software para esta aplicación seria, Digitals: Este programa está destinado a la creación/actualización de mapas topográficas y de mapas especiales, publicación de mapas, catastro urbano, manejo de terrenos, solución de tareas especiales. Da infinitas posibilidades para la creación / redacción / visualización de mapas digitales.
Con la computación gráfica se tienen mapas más detallados de terrenos, considerando todas las variables posibles, por lo tanto, el mapeado de un terreno será más exacto.


jueves, 2 de febrero de 2017

Posted by Javier García Lara 11:27 p.m.

"Da clic en la imagen para visualizar mejor" 


Mapa elaborado en: Edraw Mind Map
Posted by Javier García Lara 11:04 p.m.
Tabla comparativa de los modelos de color

Información
Colores que lo conforman
En donde se usan
Representación
RGB
Un extenso porcentaje del espectro visible se puede representar combinando luz roja, verde y azul (RGB) en proporciones e intensidades diferentes. Donde se solapan los colores, se crean cian, magenta y amarillo.
Formado por los colores primarios, Rojo, Verde y Azul.
Utilizado normalmente para presentar color en los sistemas de video, cámaras, y monitores de ordenadores.

CMYK
Es la versión moderna y más precisa del antiguo modelo tradicional de coloración (RYB), que se utiliza aún en pintura y artes plásticas.
C = Cyan (Cian).
M = Magenta (Magenta).
Y = Yellow (Amarillo).
K = Black o Key (Negro).
se utiliza en la impresión en colores



Información
Colores que lo conforman
En donde se usan
Representación
HSV
El modelo HSV (del inglés Hue, Saturation, Value - Matiz, Saturación, Valor), también llamado HSB (Hue, Saturation, Brightness – Matiz, Saturación, Brillo), define un modelo de color en términos de sus componentes.
Con este modelo se pueden obtener distintos colores, también cambiar la saturación y brillo de estos.
H (color en concreto). Valores de 0-360º. La gama cromática se representa en una rueda circular y este valor expresa su posición.
S (Saturación). Valores de 0-100%. De menos a más cantidad de color.
B (Brillo). Valores de 0-100%. De totalmente oscuro a la máxima luminosidad.
Es bastante usado en las aplicaciones gráficas para que el usuario escoja colores y al mismo tiempo grados de saturación y brillo del mismo.


Espacio de color HSV como una rueda de color.



Información
Colores que lo conforman
En donde se usan
Representación
HSL
El modelo HSL (Matiz, Saturación, Luminosidad), basado en el trabajo del pintor Albert H.Munsell(quien creó el Munsell Atlas), es un modelo de representaciones considerado "natural", ya que se acerca bastante a la percepción fisiológica del color que tiene el ojo humano.
Un color queda definido por sus valores de tono, brillo y saturación. Cualquier color se puede identificar con los valores de estas tres variables. El negro se obtiene cuando no hay brillo (ausencia de luz). Los grises se obtienen cuando la saturación es baja (mezcla o interferencia luminosa alta). De los grises el blanco es el más brillante (máxima frecuencia de ondas de distintas longitudes).
En pocas palabras los diferentes colores son obtenidos alterando la matriz (tono), saturación (croma) y el brillo (valor).
Este sistema es el más cercano al utilizado por los pintores para crear colores agregando blanco, negro y gris a los pigmentos puros para crear tintes, sombras y tonos. Un tinte es un color puro combinado con blanco. Una sombra se produce con un color puro completamente saturado combinado con negro. Un tono es un color completamente saturado combinado con ambos blanco y negro (gris).
Pero actualmente, este modelo es usado en las aplicaciones gráficas para que el usuario escoja colores







Instituto tecnológico de Orizaba

Mi foto
En este blog, subiré información acerca de la materia de graficación impartida por la Lic. Rita Hernández Flores durante este periodo escolar.

Popular Posts

Javier García Lara. Con tecnología de Blogger.