Historia de la graficacion

Graficación

UNIDAD I.- INTRODUCCIÓN A LA GRAFICACIÓN POR COMPUTADORA
____________________________________________________________

_______ LECCIÓN 1.1.- Breve historia de la graficación ____________________________________________________________

_______ 1.1.3.- Evolución de la Programación para la Graficiación por Computadora

Elementos de un sistema gráfico:
–

Modelador:Responsable de la construcción de los modelos de mundo virtuales (conjunto de objetos gráficos) Renderer (Traductor): Ejecuta la interpretación del modelo a una escena.

–

Objetos gráficos:
–

Se modelan en 2D y 3D usando representaciones matemáticas (línea, poligono, curvas, superficies). Se forman de entidades geométricas básicas (líneas o superficies) y objetos especiales (luces, textos,imágenes). Tiene propiedades como color, transparencia y textura.

–

–

Rafael Rivera López 1

Graficación Transformación geométrica: Se utiliza para lograr ubicar al objeto en la escena.
– –

Transformaciones de objetos: rotación, traslación, escalado (transformaciones afines). Transformaciones de vista: proyecciones. Niveles de la Programación Gráfica Independencia de plataforma (Java 2D y3D) Estándares Gráficos (GKS, PHIGS, OpenGL) Sistemas Operativos (Win32, X, Mac OS) Hardware (programación directa sobre registros y buffer de video)

Nivel de Hardware Se programa directamente en el hardware de gráficos. Los monitores son dispositivos representados como un arreglo rectangular de puntos. El código genera un círculo escribiendo en la memoría del buffer de video. El programa usael modo de video 13h (320 por 200 pixeles y 256 colores).

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

.model small,stdcall .stack 100h .386 .data saveMode BYTE ? xc WORD ? yc WORD ? x SWORD ? y SWORD ? dE SWORD ? dSE SWORD ? w WORD 320 .code main PROC mov ax,@data mov ds,ax ;Set Video Mode 320X200 mov ah,0Fh ; get current video mode int 10h mov saveMode,al ; save modemov ah,0 ; set new video mode ; ; ; ; ; ; ; ; saved video mode center x center y x coordinate y coordinate east delta southeast delta screen width

Rafael Rivera López 2

Graficación
26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 mov al,13h int 10h push 0A000h pop es ;mode 13h ; video segment address ; ES = A000h (video segment)

;Set Background mov dx,3c8h ; video palette port (3C8h) mov al,0 ; set palette index out dx,al ;Set screen background color to dark blue mov dx,3c9h ; port address 3C9h mov al,0 ; red out dx,al mov al,0 ; green out dx,al mov al,32 ; blue (32/63) out dx,al ; Draw Circle ; Change color at index 1 to yellow (63,63,0) mov dx,3c8h ; videopalette port (3C8h) mov al,1 ; set palette index 1 out dx,al mov mov out mov out mov out dx,3c9h al,63 dx,al al,63 dx,al al,0 dx,al ; port address 3C9h ; red ; green ; blue ; center of screen

mov xc,160 mov yc,100

; Calculate coordinates mov x, 0 mov y, 50 ; radius 50 mov bx, -49 ; 1-radius mov dE, 3 mov dSE, -95 DRAW: call Draw_Pixels cmp bx, 0 jns MVSE add bx, dE add dE, 2 add dSE, 2 inc xjmp NXT MVSE: add bx, dSE ; Draw 8 pixels

; decide E or SE ; move east

; move southeast

Rafael Rivera López 3

Graficación
83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 add dE, 2 add dSE, 4 inc x dec y NXT: mov cx, x cmpcx, y jb DRAW

; continue if x < y

; Restore Video Mode mov ah,10h ; wait for keystroke int 16h mov ah,0 ; reset video mode mov al,saveMode ; to saved mode int 10h .EXIT main ENDP ; Draw 8 pixels symmetrical about the center Draw_Pixels PROC ; Calculate the video buffer offset of the pixel. mov ax, yc add ax, y mul w add ax, xc add ax, x mov di, ax mov BYTE PTR es:[di],1; store color index...