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


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.


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.


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

donde se va a guardar.


5. En la ventana de edición borramos todo lo que aparece, menos la librería <winbgim.h>, ya que

es la librería la cual nos permite graficar.

Ejemplo 1

A continuación escribimos lo siguiente.

1. int main() esto hace que el programa inicie en le modo grafico , depuse abrimos

unas

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.


Figura. Ventana de edición

Figura compilar y ejecutar

Figura.Pantalla abierta


Escribimos entre el initwindow y el while.

5. outtextxy(15, 250,”hola, dios te ama”); esta función nos permite ingresar un

texto

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);


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 0 BLUE 1

GREEN 2 CYAN 3

RED 4 MAGENTA 5

BROWN 6 LIGHTGRAY 7


DARKGRAY 8 LIGHTBLUE 9

LIGHTGREEN 10 LIGHTCYAN 11

LIGHTRED 12 LIGHTMAGENTA 13

YELLOW 14 WHITE 15

setcolor debe ser escrito sobre la función settextstyle.

Figura. Ventana de edición

Figura. Impresión en pantalla grafica.


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 <winbgim.h>

// 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"); // imprime un texto en sierta coordenada

while(!kbhit()); // mantiene la pantalla abierta asta que el usuario presione una tecla

}


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 Tarea

circle(int x, int y ,int radio); Dibuja un circulo de centro de coordenadas x,y , y un radio

line(int x1, int y1 ,int x2, int y2); traza una línea desde la posición (x1, y1) hasta la posición (x2, y2)

lineto(int x, int y); Traza una línea desde la posición actual del cursor hasta el punto (x, y)

rectangle(int izquierda, int superior ,int derecha, int fondo, );

Dibuja un rectángulo de esquinas, izquierda, superior, derecha, fondo. Las coordenadas se refieren a los pixeles

setcolor(NOMBRE) Establece un color según el nombre del color escrito con mayúsculas en ingles

moveto(int x, int y); Pone al cursor en la posición de coordenadas (x, y)

closegraph(); 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 <stdlib.h>

#include <iostream.h>

2. Escribir la función


int main()

{

int maxx,maxy; // son variables de tipo entero

initwindow(640,480); // abre una ventana grafica de 640*480 pixeles

setcolor(BLUE); //da un color a las letras


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



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

}



8. Compilamos y ejecutamos

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


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 *

* *


* *

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

*/

// librerias a utilizar


#include <stdlib.h>

#include <iostream.h>

int main()

{

//variables de tipo entero

int maxx,maxy;

initwindow(640,480); // abre una ventana grafica de 640*480 pixeles

setcolor(BLUE); // color a las letras


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

///////////////////////////////////////


//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); // funcion que grafica un circulo en el cenro de la pantalla

moveto(50,80); // 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


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

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

Documents

Transcript of Manual de Modo Grafico en Dev c++