Manual de Modo Grafico en Dev c++

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


PAUTAS GENERALES    

Debemos ingresar a modo grafico, además generalmente debemos indicar la resolución que queremos en pantalla No todos los ordenadores permiten todos los modos gráficos, por lo cual deberíamos descubrir que es lo que puede hacer el navegador Algunas órdenes que se dan desde el modo texto no se podrán usar en modo grafico. Como por ejemplo (scanf en C) Las ordenes mas habituales que usaremos, serán propias de la biblioteca grafica que nos permitirán hacer lo más básico (que es lo que aremos ), como dibujar líneas , círculos y algunas figuras geométricas

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 continuación permitiéndome 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 librería graphics.h de borland C++, y facilitar algunas funciones del mouse. La ventaja de esta librería es que nos permite realiza aplicaciones graficas.

CARLOS ESCOLA


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 continuación se abrirá una ventana de nuevo proyecto y seleccionamos console graphics aplication y damos doble clic.

CARLOS ESCOLA


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

CARLOS ESCOLA


5. En la ventana de edición borramos todo lo que aparece, menos la librería , ya que es la librería la cual nos permite graficar.

Ejemplo 1 A continuación 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 edición

Figura compilar y ejecutar

Figura.Pantalla abierta

CARLOS ESCOLA


Escribimos entre el initwindow y el while. 5. outtextxy(15, 250,”hola, dios te ama”); texto

esta función nos permite ingresar un

Sintaxis de la función 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 impresión ”); Ejecutamos (presionamos F9) y el programa nos queda de siguiente manera

A continuación aremos que esa palabra tenga un tamaño, un tipo de letra y una posición (orientación ) con esta función 6. settextstyle(8,0,8); esto escribimos sobre la función outtextxy y ejecutamos Sintaxis de la función settextstyle(letra ,orientación , tamaño de letra);

CARLOS ESCOLA


7. Ejecutamos y el resultado es:

Para darle color a las letras usaremos la siguiente función 8. setcolor(9); este número puede ser uno de los permitidos o también se puede escribir el nombre del color en ingles y en mayúsculas. 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

setcolor debe ser escrito sobre la función settextstyle. Figura. Ventana de edición

Figura. Impresión en pantalla grafica.

9 11 13 15


CARLOS ESCOLA

Nota: lo que se encuentre entre //…(doble barra) o /*…..*/ son comentarios. EJEMPLO 1 /*============================== *

MODO GRAFICO EN C++

*

*

por Caros Escola

*

*

*

*

*

*

primer ejemplo:

*

*

programa que imprime

*

*

en pantalla un mensaje

*

==============================*/ // libreria a utilzar #include // programa int main() { initwindow(600,800);

//abre una ventana grafica de 600x800 pixeles

setcolor(BLUE);

// color a las letras

settextstyle(8,0,8);

// define un estilo y tamaño de letra

outtextxy(15,250,"hola,dios te ama"); while(!kbhit()); }

// imprime un texto en sierta coordenada

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

CARLOS ESCOLA


FIN DEL PROGRAMA

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 Función 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 línea desde la posición (x1, y1) hasta la posición (x2, y2) Traza una línea desde la posición actual del cursor hasta el punto (x, y) Dibuja un rectángulo de esquinas, izquierda, superior, derecha, fondo. Las coordenadas se refieren a los pixeles Establece un color según el nombre del color escrito con mayúsculas en ingles Pone al cursor en la posición de coordenadas (x, y) Cierra la ventana grafica

Ahora aremos un programa que grafique una línea, un círculo, y un rectángulo 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 librerías a utilizar en la ventana de edición #include #include #include 2. Escribir la función

CARLOS ESCOLA


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

// 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 tamaño de letra // imprime un texto en sierta coordenada outtextxy(15,0,"programa que permite graficar lineas,un circulo y un rectangulo "); 3. Con la función getmax(); hallas los números de pixeles existentes en la pantalla de modo grafico creada. maxx=getmaxx ();

// numero de pixeles en X

maxy=getmaxy ();

// numero de pixeles en Y Figura ventana de edición

4. Imprimo en la pantalla de texto él en número 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 edición

CARLOS ESCOLA


5. Escribir las funciones graficas a utilizar en el programa. setcolor(WHITE); // da un color a la figura a continuación circle(maxx/2,maxy/2,30); // función 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 línea desde la posición actual del cursor lineto(300,80); lineto(300,80); lineto(350,150); lineto(300,200); lineto(50,200); setcolor(LIGHTBLUE); // función que grafica un rectángulo rectangle(400,400,300,300); 6. Para que la pantalla grafica permanezca abierta escribimos getch(); 7. Cerramos las llaves de programa } Figura ventana de edición

CARLOS ESCOLA


8. Compilamos y ejecutamos

Figura visualización de la pantalla grafica y de la pantalla de texto

CARLOS ESCOLA


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 *


*

*------------------------------------------------*

*

*/

// librerias a utilizar #include #include #include 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 tamaño 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


//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

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

// funcion que grafica un circulo en el cenro de la pantalla

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

setcolor(GREEN); // 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


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

Manual de Modo Grafico en Dev c++

Recommend Documents