CONCEPTOS BÁSICOS DE GRAFICACIÓN EN C++

CONCEPTOS BÁSICOS DE GRAFICACIÓN EN C++

Resumen: En numerosas ocasiones los estudiantes requieren representar gráficamente el comportamiento de modelos matemáticos, estadísticos, de investigación de operaciones, etc. mediante programas computacionales diseñados “a la medida” sin necesidad de apoyarse en paquetes de cómputo comerciales. Por esto, se presentan las siguientes consideraciones básicas de graficación en lenguaje C++,

Palabras claves: Graficación, resolución, píxel, lenguaje C++, monitor.

1 INTRODUCCIÓN

Tal como un artista selecciona diversos medios

para representar sus pinturas, los programadores, escogen un modo y formato especial para habilitar el monitor para graficar. Cada modo proporciona ciertas características como la resolución, número posible de colores, modo texto o modo gráfico y otros elementos donde cada modo requiere de cierto equipo (hardware).

1.1 Resolución

Las imágenes gráficas mostradas en un monitor de computadora se componen de pequeños puntos llamados píxeles, los cuales están distribuidos en la pantalla en filas; existe una cantidad específica de filas y cada fila tiene una cantidad específica de píxeles. La cantidad de píxeles usada en la pantalla se conoce como resolución. Cada modo gráfico tiene una resolución particular.

1.2 Inicializar el monitor en modo gráfico

Para habilitar el monitor en modo gráfico y utilizar sus píxeles y funciones de gráficos, es necesario incluir el encabezado #include

<graphics.h> que contiene las declaraciones

y funciones relacionadas con graficación e inicializar el monitor en modo gráfico y utilizar sus píxeles con la función initgraph(). Dicha función requiere las siguientes declaraciones:

int monitor=DETECT;

// Variable para detectar el tipo

// de monitor int modo;

// Modo de operación del monitor

también se puede declarar e inicializar con un tipo de monitor específico como:

int monitor=VGA;

// Variable para usar el monitor

// tipo VGA

int modo=VGAHI;

// Usar el monitor VGA a su

//maxima resolución

Fig. 1. Declaración de variables para habilitar el monitor en modo gráfico

Para terminar de usar el monitor en modo gráfico y devolverlo a su modo de texto normal se usa la función closegraph().

1.2.1 La función initgraph()

Una vez declaradas las variables monitor y modo que controlarán la resolución identificando el tipo de pantalla o monitor y su modo de operación respectivamente, se utiliza la función initgraph() para habilitar el monitor seleccionado en modo gráfico. La función initgraph() tiene 3 parámetros o argumentos:

1) La variable que identifica el monitor.

2) El modo de operación gráfico.

3) Subdirectorio que contiene los controladores de los monitores (archivos con extensión BGI) y los archivos con los tipos de letra (extensión CHR) como lo muestra la Fig.2.

int monitor=DETECT, modo;

initgraph(&monitor,&modo,"\\tc\\bgi");

Fig. 2. La función initgraph().

Si se desea usar el directorio actual por defecto, se utiliza la función initgraph() como lo indica la Fig. 3.

int monitor=DETECT, modo;

initgraph(&monitor,&modo,"");

Fig. 3. La función initgraph() usando el subdirectorio actual por defecto.

1.3 Uso de coordenadas

Una vez que se inicializa el monitor en modo gráfico, las coordenadas tienen al píxel como unidad de medida. La función getmaxx() calcula la cantidad de píxeles por renglón y la función getmaxy() calcula la cantidad de renglones de la pantalla.

Las funciones de gráficos tienen como estándar el orden de manejo de coordenadas como columna, renglón; es decir, primero se anota la columna y después el renglón para posicionarse en dicha coordenada.

Cabe destacar que el conteo de columnas y renglones inicia partiendo de la esquina superior izquierda del monitor.

2 LÍNEAS, FIGURAS GEOMÉTRICAS, COLORES Y RELLENOS

Sería muy difícil considerar todas las opciones

posibles de todas las funciones de graficación; sin embargo, en este artículo se tratan los temas fundamentales para implementarlas. Básicamente se mostrará que antes de utilizar un color, un tipo de línea, de relleno, o cualquier función de definición del tipo de trazo, etc. es necesario definirlo. A continuación se muestran las funciones básicas de graficación.

2.1 La función line()

Esta función se utiliza para dibujar una línea entre 2 puntos. Para ello, la función requiere 4 parámetros que representan las coordenadas (en pixeles) de los dos puntos que se desea unir mediante una línea recta. La Fig. 4 muestra un ejemplo que une los puntos 50,100 y 300,200 (columna, renglón respectivamente).

line(50,100,300,200);

Fig. 4. La función line().

2.2 La función setlinestyle()

Esta función se utiliza para determinar el tipo de línea o trazo que se desea. Se pueden utilizar trazos con línea continua, línea punteada, línea interrumpida, o un patrón de línea definido por el usuario. Esta función requiere 3 argumentos:

1) Tipo de línea: Puede ser SOLID_LINE,

DOTTED_LINE, CENTER_LINE, DASHED_LINE o USERBIT_LINE.

2) Patrón: Este argumento regularmente es

ignorado (excepto cuando se trata de un tipo de línea definido por el usuario).

3) Ancho de línea: Define la amplitud del

trazo.

La Fig. 5 muestra un ejemplo que une los puntos

50,100 y 300,200 con una línea punteada.

setlinestyle(DOTTED_LINE,0, NORM_WIDTH);

line(50,100,300,200);

Fig. 5. La función setlinestyle().

2.3 La función circle()

Esta función dibuja un círculo y requiere 3 argumentos:

1) Coordenada de la columna del centro (en pixeles).

2) Coordenada del renglón del centro (en

pixeles).

3) Radio del círculo (en pixeles).

La Fig. 6 dibuja un círculo cuyo centro se encuentra en el punto 300,150 y

...