Tipos de Graficacion

1. Imgenes de mapa de bits: un mapa de bits es una rejilla de pixeles, un pixel es una unidad de informacin que representa un punto en la pantalla. Resolucin: Numero de pixeles x unidad de medida (ppp). 2. Grficos Vectoriales: Conjunto de primitivas geomtricas de tal modo que al dibujarlas se compone la imagen fina. Primitivas. Lneas, puntos, curvas Lnea de contorno: color, grosor relleno Cada primitiva o dibujo se almacena en un vector Los grficos vectoriales no dependen de la resolucin, tienen resolucin mxima; no pierden resolucin. Figuras: Lnea recta, circunferencia, elipse, arcos. Los grficos vectoriales permiten hacer transformaciones: Traslacin, rotacin, escalado, cizalla.

Hardware
Dispositivos de Diseo y visualizacin de grficos Dispositivos de Rastrer: Representan la informacin grafica a travs de una malla de puntos. Cada punto es representado por un nmero y ese nmero representa 3 atributos: Color, brillo, saturacin. Dispositivos Vectores: Reciben del PC Informacin Geomtrica y la representan Plotters: Dispositivos para dibujar planos a travez de plumas movidas por motores de gran precisin. Display de Almacenamiento: Son de la misma familia de los tv y monitores, tienen una memoria electrosttica que mantienen visible los graficos con muy alta precisin y sin necesidad de refresco Impresoras: Matriz de punto, tinta, laser. Monitores: Necesitan una tarjeta de video conectada a ella, esta tarjeta tiene un buffer o memoria donde se almacenan los grficos. Dispositivos de Entrada: Teclado: Posee un micro controlador que tiene grabado un programa, son independientes de los idiomas. Apuntadores de Control Directo: Sirven para apuntar o sealar directamente en la pantalla el objeto deseado. Ejemplo. Pantallas sensibles al tacto, lpices pticos. Apuntadores de control indirecto: Mouse

Software
Modelado: Es darle forma a los objetos individuales que sean usados en la escena. Tcnicas de modelado: Contructive Solid Geometry Modelado con NURBS Modelado Poligonal Procesos de modelamiento Edicin de Superficies: propiedades de los materiales, color, luminosidad, difusin, especularidad, reflexin, transparencia etc Agregar texturas Materiales Modelado en 3D Esqueleto o estructura central que tenga movilidad Animacin: Existen 2 tcnicas o Cinemtica Directa, o Cinemtica Inversa Programas de modelado: o Light wave 3D o Rhinoceros 3D o Moray La Escena: Esla distribucin de los objetos, luces, cmaras y otras entidades modeladas para realizar la animacin Tcnicas. o Key Framing (Cuadros claves) o Tesselation o Mallas: redes de tringulos conectados en la cual se representan los objetos. Renderizado: Es el proceso final de generar la imagen o animacin a partir de una escena creada. Tcnicas: o Render de alambre o Render basado en polgonos o Scaline render o Ray tracing o Radiocidad o Mapeo de fotones

 Paquetes (Software) o Alias Wave Fronts Maya o Discrets 3D Studio Max o Newteks Light Wave 3D o Avids Softimage XSI APIS o OPENGI o DIRECT 3D o RENDER MAN Teora del Color Luz Blanca: Violeta Azul Verde Amarillo Naranja Rojo

Verde Rojo Azul

Colores aditivos: Descomposicin de luz blanca Modelo RGB: Rojo-Verde-Azul Colores Sustrativos: Cuando se pasan las longitudes onda por un filtro. Modelo CMYK: Cyan-Magenta-Amarillo-Negro

PROYECTO TUTORIAL Clase Dibujo package tutorial; import java.awt.Canvas; import java.awt.Color; import java.awt.Graphics; public class Dibujo extends Canvas { public Dibujo(){ setBackground(Color.BLACK); } public void paint (Graphics g) { /* g.setColor(Color.GREEN); g.fillRect(20, 30, 150, 160); g.setColor(Color.blue);

g.drawRect(250, 250, 80, 100); g.setColor(Color.CYAN); g.drawLine(60, 60, 300, 400); g.setColor(Color.ORANGE); g.drawArc(100, 100, 300, 300, 0, 90); g.drawOval(40, 40, 60, 60); g.drawRoundRect(90, 90, 200, 200, 10, 10);

g.drawString("Hola Angelica",200,200); int [] x = {100,150,250,300,200}; int [] y={200,350,350,200,100}; g.setColor(Color.blue); g.fillPolygon(x, y, x.length);*/ /* g.setColor( Color.YELLOW ); g.fillRect( 100, 100, 250, 250 ); g.setColor( Color.RED ); g.fillArc( 120, 120, 210, 210, 0, 320 ); g.setColor( Color.blue ); g.fillArc( 220, 150, 30, 30, 0, 360 ); /* // empezar en 0 y extenderse hasta 110 grados g.setColor( Color.YELLOW ); g.drawRect( 100, 35, 80, 80 ); g.setColor( Color.RED ); g.drawArc( 100, 35, 80, 80, 0, 110 ); // empezar en 0 y extenderse hasta -270 grados g.setColor( Color.YELLOW ); g.drawRect( 185, 35, 80, 80 ); g.setColor( Color.RED ); g.drawArc( 185, 35, 80, 80, 0, -270 ); // empezar en 0 y extenderse hasta 360 grados g.fillArc( 15, 120, 80, 40, 0, 360 ); // empezar en 0 y extenderse hasta -90 grados g.fillArc( 100, 120, 80, 40, 270, -90 ); // empezar en 0 y extenderse hasta -270 grados g.fillArc( 185, 120, 80, 40, 0, -270 );*/ } public void dibujarLinea(float x0, float y0, float x1, float y1, Color color, Graphics g) { float x, y, m;

m =(y1-y0)/(x1-x0); x=x0; y=y0; while(x0<=x1) { g.setColor(color); g.drawRect((int) x, (int) y, 0, 0); x=x+1; y=y+m; } } } Clase Ventana package tutorial; import javax.swing.JFrame; public class Ventana extends JFrame {

public Ventana() { setSize(500,500); add(new Dibujo()); setVisible(true); } } Clase Main package tutorial; public class Main { public static void main(String[] args) { new Ventana(); } } PROYECTO TUTORIAL 2 Clase Figuras package tutorial2; import java.awt.*; import java.awt.geom.*; import java.awt.image.*; import javax.swing.*; public class Figuras extends JFrame { // establecer cadena de barra de ttulo y dimensiones de la ventana public Figuras() { super( "Dibujo de figuras en 2D" ); setSize( 425, 160 );

setVisible( true ); } // dibujar figuras con la API Java2D public void paint( Graphics g ) { super.paint( g ); // llamar al mtodo paint de la superclase Graphics2D g2d = ( Graphics2D ) g; // convertir g a Graphics2D // dibujar elipse 2D rellena con un gradiente azul-amarillo g2d.setPaint( new GradientPaint( 5, 30, Color.BLUE, 35, 100, Color.GREEN, true ) ); g2d.fill( new Ellipse2D.Double( 5, 30, 65, 100 ) ); // dibujar rectngulo 2D en rojo g2d.setPaint(Color.RED ); g2d.setStroke( new BasicStroke( 10.0f ) ); g2d.draw( new Rectangle2D.Double( 80, 30, 65, 100 ) ); // PRUEBA RECTANGULO Y ELIPSE g2d.setPaint(Color.BLACK ); // g2d.setTransform(AffineTransform.getRotateInstance(45)); g2d.draw(new Rectangle2D.Float( 50F,50F,80F,100F)); g2d.setPaint( new GradientPaint( 5, 30, Color.BLUE, 35, 100, Color.GREEN, true ) ); g2d.fill(new Ellipse2D.Float( 70F,70F,90F,100F)); // dibujar rectngulo 2D redondeado con fondo tamponado BufferedImage buffImage = new BufferedImage( 10, 10, BufferedImage.TYPE_INT_RGB ); Graphics2D gg = buffImage.createGraphics(); gg.setColor(Color.YELLOW ); // dibujar en amarillo gg.fillRect( 0, 0, 10, 10 ); // dibujar un rectngulo relleno gg.setColor(Color.BLACK ); // dibujar en negro gg.drawRect( 1, 1, 6, 6 ); // dibujar un rectngulo gg.setColor(Color.BLUE ); // dibujar en azul gg.fillRect( 1, 1, 3, 3 ); // dibujar un rectngulo relleno gg.setColor(Color.RED ); // dibujar en rojo gg.fillRect( 4, 4, 3, 3 ); // dibujar un rectngulo relleno // pintar buffImage en el objeto JFrame g2d.setPaint( new TexturePaint( buffImage, new Rectangle( 10, 10 ) ) ); g2d.fill( new RoundRectangle2D.Double( 155, 30, 75, 100, 50, 50 ) ); // dibujar arco 2D en forma de pastel, en color blanco g2d.setPaint(Color.RED ); g2d.setStroke( new BasicStroke( 6.0f ) ); g2d.draw( new Arc2D.Double( 240, 30, 75, 100, 0, 270, Arc2D.PIE ) ); // dibujar lneas 2D en verde y amarillo g2d.setPaint(Color.RED ); g2d.draw( new Line2D.Double( 395, 30, 320, 150 ) ); float guiones[] = { 20 }; g2d.setPaint(Color.YELLOW ); g2d.setStroke( new BasicStroke( 10, BasicStroke.CAP_SQUARE, BasicStroke.JOIN_ROUND, 30, guiones, 0 ) ); g2d.draw( new Line2D.Double( 320, 30, 395, 150 ) ); } // fin del mtodo paint }

Clase Main package tutorial2; import javax.swing.JFrame; public class Main { public static void main( String args[] ) {

Figuras aplicacion = new Figuras();

aplicacion.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE );

} } API JAVA 2D Primitivas independientes del hardware de dibujo Open GL : Api de Windows Alto potencial Libre Distribucin Api 2D: Api de Java JDK 1.2 Lneas artsticas Textos variados Imgenes Dibujo sofisticado Caractersticas: Interface de usuario mejorada Mejoras en la definicin del color Deteccin de formas y texto Proceso de renderizado mas sofisticado Permite la creacin de libreras graficas Libreras de efectos especiales Permite construir paginas html