Post on 31-Jul-2015
description
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, 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 [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 continuación 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 ubicación
donde se va a guardar.
CARLOS ESCOLA [MANUAL PARA CREAR GRAFICOS ]
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.
CARLOS ESCOLA [MANUAL PARA CREAR GRAFICOS ]
Figura. Ventana de edición
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”); 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);
CARLOS ESCOLA [MANUAL PARA CREAR GRAFICOS ]
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
CARLOS ESCOLA [MANUAL PARA CREAR GRAFICOS ]
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.
CARLOS ESCOLA [MANUAL PARA CREAR GRAFICOS ]
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
}
CARLOS ESCOLA [MANUAL PARA CREAR GRAFICOS ]
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>
2. Escribir la función
CARLOS ESCOLA [MANUAL PARA CREAR GRAFICOS ]
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";
Figura ventana de edición
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 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 [MANUAL PARA CREAR GRAFICOS ]
8. Compilamos y ejecutamos
Figura visualización 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); // 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 ();
///////////////////////////////////////
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
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
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