CARLOS ESCOLA

[MANUAL PARA CREAR GRAFICOS ]

MANUAL PARA CREAR GRAFICOS EN DEV C++ (modo grafico)

Nombre: Carlos Escola

Fecha: 27 de julio de 2012

CARLOS ESCOLA

[MANUAL PARA CREAR GRAFICOS ]

PAUTAS GENERALES Debemos ingresar a modo grafico, adems generalmente debemos indicar la resolucin que queremos en pantalla No todos los ordenadores permiten todos los modos grficos, por lo cual deberamos descubrir que es lo que puede hacer el navegador Algunas rdenes que se dan desde el modo texto no se podrn usar en modo grafico. Como por ejemplo (scanf en C) Las ordenes mas habituales que usaremos, sern propias de la biblioteca grafica que nos permitirn hacer lo ms bsico (que es lo que aremos ), como dibujar lneas , crculos y algunas figuras geomtricas

Arranque de DEVC++ Para arrancar DEV C++ desde Windows haga doble clic en el icono correspondiente de DEV C++

Figura 1.1. Pantalla de apertura del DEV C++ A continuacin permitindome explicar lo que es el modo grafico en DEV C++, con algunas funciones, debemos tener instalado el WINBGIM, que es el modo grafico que se utilizara en el DEV C++. El winbgim tiene como objetivo emular la librera graphics.h de borland C++, y facilitar algunas funciones del mouse. La ventaja de esta librera es que nos permite realiza aplicaciones graficas.

CARLOS ESCOLA

[MANUAL PARA CREAR GRAFICOS ]

Para realizar un programa con soporte grafico es necesario seguir los siguientes pasos. 1. Al abrir el DEV C++ 2. Nos dirigimos a archivo/ nuevo/proyecto ah demos un enter o un clic con el mouse

3. A continuacin se abrir una ventana de nuevo proyecto y seleccionamos console graphics aplication y damos doble clic.

CARLOS ESCOLA

[MANUAL PARA CREAR GRAFICOS ]

4. se abre una ventana en la cual escribimos el nombre del archivo y seleccionamos la ubicacin donde se va a guardar.

CARLOS ESCOLA

[MANUAL PARA CREAR GRAFICOS ]

5. En la ventana de edicin borramos todo lo que aparece, menos la librera <winbgim.h>, ya que es la librera la cual nos permite graficar.

Ejemplo 1 A continuacin escribimos lo siguiente. 1. int main() unas esto hace que el programa inicie en le modo grafico , depuse abrimos

llaves y escribiremos lo siguiente 2. initwindow (600,800); esto abre una ventana grafica de 600*800 pixeles 3. while(!kbhit()); esto hace que la pantalla se mantenga abierta esta que el usuario presione una tecla 4. serramos la llaves, y presionamos F9 para compilar y ejecutar el programa Nota: al compilar se abre una ventana donde deber escribir el nombre del archivo actual, es decir con el nombre el cual guardo el archivo al iniciar el modo grafico.

CARLOS ESCOLA

[MANUAL PARA CREAR GRAFICOS ]

Figura. Ventana de edicin

Figura compilar y ejecutar

Figura.Pantalla abierta

CARLOS ESCOLA

[MANUAL PARA CREAR GRAFICOS ]

Escribimos entre el initwindow y el while. 5. outtextxy(15, 250,hola, dios te ama); texto esta funcin nos permite ingresar un

Sintaxis de la funcin outtextxy(int x, int y,hola, dios te ama); outtextxy (int x es la coordenada en x ,int y es la coordenada en y , mensaje de impresin ); Ejecutamos (presionamos F9) y el programa nos queda de siguiente manera

A continuacin aremos que esa palabra tenga un tamao, un tipo de letra y una posicin (orientacin ) con esta funcin 6. settextstyle(8,0,8); esto escribimos sobre la funcin outtextxy y ejecutamos Sintaxis de la funcin settextstyle(letra ,orientacin , tamao de letra);

CARLOS ESCOLA

[MANUAL PARA CREAR GRAFICOS ]

7. Ejecutamos y el resultado es:

Para darle color a las letras usaremos la siguiente funcin 8. setcolor(9); este nmero puede ser uno de los permitidos o tambin se puede escribir el nombre del color en ingles y en maysculas. Esta es la lista de los colores BLACK GREEN RED BROWN 0 2 4 6 BLUE CYAN MAGENTA LIGHTGRAY 1 3 5 7

CARLOS ESCOLA DARKGRAY LIGHTGREEN LIGHTRED YELLOW 8 10 12 14

[MANUAL PARA CREAR GRAFICOS ]

LIGHTBLUE LIGHTCYAN LIGHTMAGENTA WHITE 9 11 13 15

setcolor debe ser escrito sobre la funcin settextstyle. Figura. Ventana de edicin

Figura. Impresin en pantalla grafica.

CARLOS ESCOLA

[MANUAL PARA CREAR GRAFICOS ]

Nota: lo que se encuentre entre //(doble barra) o /*..*/ son comentarios. EJEMPLO 1 /*============================== * * * * * * * primer ejemplo: programa que imprime en pantalla un mensaje MODO GRAFICO EN C++ por Caros Escola * * * * * * *

==============================*/ // libreria a utilzar #include <winbgim.h> // programa int main() { initwindow(600,800); setcolor(BLUE); settextstyle(8,0,8); outtextxy(15,250,"hola,dios te ama"); while(!kbhit()); } //abre una ventana grafica de 600x800 pixeles // color a las letras // define un estilo y tamao de letra // imprime un texto en sierta coordenada

// mantiene la pantalla abierta asta que el usuario presione una tecla

CARLOS ESCOLA FIN DEL PROGRAMA

[MANUAL PARA CREAR GRAFICOS ]

PROGRAMA PARA LA CREACION DE ALGUNAS FIGURAS

Para realizar el dibujo de algunas figuras necesitamos el conocimiento de las funciones que vamos a utilizar en los programas Funcin circle(int x, int y ,int radio); line(int x1, int y1 ,int x2, int y2); lineto(int x, int y); rectangle(int izquierda, int superior ,int derecha, int fondo, ); setcolor(NOMBRE) moveto(int x, int y); closegraph(); Tarea Dibuja un circulo de centro de coordenadas x,y , y un radio traza una lnea desde la posicin (x1, y1) hasta la posicin (x2, y2) Traza una lnea desde la posicin actual del cursor hasta el punto (x, y) Dibuja un rectngulo de esquinas, izquierda, superior, derecha, fondo. Las coordenadas se refieren a los pixeles Establece un color segn el nombre del color escrito con maysculas en ingles Pone al cursor en la posicin de coordenadas (x, y) Cierra la ventana grafica

Ahora aremos un programa que grafique una lnea, un crculo, y un rectngulo usando las funciones ya mencionadas anterior mente. PROGRAMA PARA GRAFICAR FIGURAS GEOMETRICAS Segundo ejercicio: Una vez abierto el modo grafico en DEV C++, y con el nombre del archivo correspondiente seguiremos los siguientes pasos. 1. Escribir las libreras a utilizar en la ventana de edicin #include <winbgim.h> #include <stdlib.h> #include <iostream.h> 2. Escribir la funcin

CARLOS ESCOLA int main() { int maxx,maxy; initwindow(640,480); setcolor(BLUE);

[MANUAL PARA CREAR GRAFICOS ]

// son variables de tipo entero // abre una ventana grafica de 640*480 pixeles //da un color a las letras

settextstyle(4,0,3); // define un estilo y tamao de letra // imprime un texto en sierta coordenada outtextxy(15,0,"programa que permite graficar lineas,un circulo y un rectangulo "); 3. Con la funcin getmax(); hallas los nmeros de pixeles existentes en la pantalla de modo grafico creada. maxx=getmaxx (); maxy=getmaxy (); // numero de pixeles en X // numero de pixeles en Y Figura ventana de edicin

4. Imprimo en la pantalla de texto l en nmero de pixeles existentes en la pantalla de modo grafico creada. cout<<"los numeros de pixeles son: "; cout<< maxx<<" en X,"; cout<< maxy<<" en Y"; Figura ventana de edicin

CARLOS ESCOLA

[MANUAL PARA CREAR GRAFICOS ]

5. Escribir las funciones graficas a utilizar en el programa. setcolor(WHITE); // da un color a la figura a continuacin circle(maxx/2,maxy/2,30); // funcin que grafica un circulo en el centro de la pantalla moveto(50,80); // pone al cursor en el punto de coordenadas P(50,80) setcolor(GREEN); // Dibuja una lnea desde la posicin actual del cursor lineto(300,80); lineto(300,80); lineto(350,150); lineto(300,200); lineto(50,200); setcolor(LIGHTBLUE); // funcin que grafica un rectngulo rectangle(400,400,300,300); 6. Para que la pantalla grafica permanezca abierta escribimos getch(); 7. Cerramos las llaves de programa } Figura ventana de edicin

CARLOS ESCOLA

[MANUAL PARA CREAR GRAFICOS ]

8. Compilamos y ejecutamos

Figura visualizacin de la pantalla grafica y de la pantalla de texto

CARLOS ESCOLA

[MANUAL PARA CREAR GRAFICOS ]

9. Para salir de la pantalla grafica y de la pantalla de texto, damos un clic en la pantalla grafica y presionamos cualquier tecla en el teclado.

EJEMPLO 2 /* ----------------------------------------------* * * * * * MODO GRAFICO EN C++ por Carlos Escola * * * * * *

* Segundo ejemplo: entrar a modo grafico

* y dibuja lineas, un circulo,un rectangulo en * * la pantalla * * *

CARLOS ESCOLA * *

[MANUAL PARA CREAR GRAFICOS ]

*------------------------------------------------* */

// librerias a utilizar #include <winbgim.h> #include <stdlib.h> #include <iostream.h> int main() { //variables de tipo entero int maxx,maxy;

initwindow(640,480); setcolor(BLUE);

// abre una ventana grafica de 640*480 pixeles // color a las letras

settextstyle(4,0,3); // define un estilo y tamao de letra // imprime un texto en sierta coordenada outtextxy(15,0,"programa que permite graficar lineas,un circulo y un rectangulo "); //halla los numeros de pixseles en pantalla existentes ///////////////////////////////////////// maxx=getmaxx (); maxy=getmaxy (); ///////////////////////////////////////

CARLOS ESCOLA

[MANUAL PARA CREAR GRAFICOS ]

//imprime el numero de pixeles disponibles en X como en Y cout<<"los numeros de pixeles son: "; cout<< maxx<<" en X,"; cout<< maxy<<" en Y";; /////////////////////////////////////////////// // funciones graficas setcolor(WHITE); // da un color a la figura a continuacion // funcion que grafica un circulo en el cenro de la pantalla

circle(maxx/2,maxy/2,30); moveto(50,80); setcolor(GREEN);

// pone al cursor en el punto de coordenadas P(30,30)

// dibuja una linea desde la pocicion actual del cursor

lineto(300,80); lineto(300,80); lineto(350,150); lineto(300,200); lineto(50,200);

setcolor(LIGHTBLUE);

rectangle(400,400,300,300); // funcion que grafica un rectangulo getch(); } FIN DEL PROGRAMA

CARLOS ESCOLA

[MANUAL PARA CREAR GRAFICOS ]

Biblografia http://leviatan.blogcindario.com/2011/04/00003-dev-c-modo-grafico.html http://usuarios.multimania.es/charlytospage/dev.htm http://www.nachocabanes.com/videojuegos/ipj/ipj02.php http://usuarios.multimania.es/charlytospage/DevCpp/Funciones_Libreria_winbgim.PDF http://books.openlibra.com/pdf/Introduccion-a-la-programacion-de-Juegos.pdf