Manual de Modo Grafico en Dev c++

18  401  Descargar (0)

Texto completo

(1)

MANUAL PARA CREAR GRAFICOS EN

DEV C++ (modo grafico)

Nombre: Carlos Escola

(2)

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.

(3)

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

(4)

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

(5)

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

(6)

Figura. Ventana de edición

Figura compilar y ejecutar

(7)

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

(8)

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

(9)

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

(10)

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 }

(11)

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

#include <stdlib.h> #include <iostream.h>

(12)

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

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

(13)

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 }

(14)

8. Compilamos y ejecutamos

(15)

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 *

(16)

* * *---* * */ // librerias a utilizar #include <winbgim.h> #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

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

(17)

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

}

(18)

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

Figure

Actualización...

Related subjects :