Вы находитесь на странице: 1из 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.

com/site/labcomputaciongrafica)

Laboratorio 01
Curso
Horarios
Docente

:
:
:

Computacin Grfica
Mircoles 19:00-21:00 y Viernes 16:00-18:00 (Grupo A)
Richart Escobedo (rescobedo@episunsa.edu.pe)

Objetivos del laboratorio


-

Montar un entorno de desarrollo para desarrollar prcticas en Computacin Grfica con


IDEs para C++ y la librera grfica OpenGL.
Utilizar la librera grfica OpenGL para introducirnos en la programacin grfica.

Conceptos previos
IDE: Un entorno de desarrollo integrado (Integrated development environment). Es un programa
informtico compuesto por un conjunto de herramientas de programacin. Un IDE es un entorno
de programacin que ha sido empaquetado como un programa de aplicacin; es decir, que consiste
en un editor de cdigo, un compilador, un depurador y un constructor de interfaz grfica (GUI).
Para el desarrollo de este laboratorio utilizaremos CodeBlocks (http://www.codeblocks.org/) que es
un IDE libre y multiplataforma para el desarrollo de programas en lenguaje C y C++.
Otros IDEs para C++: Dev C++, WebDevStudio, ZinjaI, Visual Studio, Eclipse, Netbeans, etc.

C++:

Es un lenguaje de programacin. Es una extensin al lenguaje de programacin C con


mecanismos que permitan la manipulacin de objetos.

MinGW: (Minimalist GNU for Windows), es una implementacin de los compiladores GCC para la
plataforma Win32, que permite migrar la capacidad de este compilador en entornos Windows.

GCC: El GNU Compiler Collection (coleccin de compiladores GNU) es un conjunto de compiladores


creados por el proyecto GNU. GCC es software libre y lo distribuye la Free Software Foundation (FSF)
bajo la licencia general pblica GPL.

OpenGL: (Open Graphics Library) es una especificacin estndar que define una API multilenguaje
y multiplataforma para escribir aplicaciones que produzcan grficos 2D y 3D. Compite con Direct3D
en plataformas Microsoft Windows.

GLUT: Del ingls OpenGL Utility Toolkit, es una biblioteca de utilidades para programas OpenGL.

Richart Escobedo (richarteq@dlince.com)

Pgina 1 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)

Instalacin del IDE CodeBlocks


Para descargar el instalador de este IDE vaya a la pgina
Web http://www.codeblocks.org
Paso 01: Descarga la entrega de CodeBlocks que incluye el compilador gcc para sistemas
MS Windows.

Paso 02: Haga doble clic en el paquete descargado, para continuar con la instalacin.

Paso 03: Bienvenida al asistente de instalacin de CodeBlocks, haga clic en el botn Next >
para continuar con la instalacin.

Richart Escobedo (richarteq@dlince.com)

Pgina 2 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)


Paso 04: El acuerdo de licencia GPL v3, haga clic en el botn I Agree para continuar con la
instalacin.

Paso 05: Seleccin de componentes, haga clic en el botn Next > para continuar con la
instalacin.

Richart Escobedo (richarteq@dlince.com)

Pgina 3 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)


Paso 06: El lugar donde se instalar CodeBlocks, haga clic en el botn Install para continuar
con la instalacin.

La instalacin comenzar inmediatamente:

Richart Escobedo (richarteq@dlince.com)

Pgina 4 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)


Paso 07: La instalacin se ha completado, haga clic en el botn Next > para terminar la
instalacin.

Paso 08: La instalacin se ha completado, haga clic en el botn Finish para terminar la
instalacin.

Richart Escobedo (richarteq@dlince.com)

Pgina 5 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)


Luego, nos preguntar si deseamos ejecutar CodeBlocks. Haga clic en el botn Si para
iniciar CodeBlocks.

Esta es la interfaz de CodeBlocks.

Richart Escobedo (richarteq@dlince.com)

Pgina 6 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)


Comprobacin del compilador: Usted puede comprobar que el compilador GCC ha sido
reconocido satisfactoriamente. En cualquier momento puede resolver desde esta interfaz si
hubiese conflictos.
Para acceder a esta interfaz haga clic en Propiedades->Compilador.

Nos confirma, aceptamos y guardamos haciendo clic en el botn Aceptar y el botn OK.

Richart Escobedo (richarteq@dlince.com)

Pgina 7 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)

Preparar CodeBlocks para crear proyectos OpenGL


Descarga la librera GLUT desde:
(http://www.opengl.org/resources/libraries/glut/glut_downloads.php)
El enlace directo para el archivo que utilizaremos se encuentra en:
(http://www.opengl.org/resources/libraries/glut/glutdlls36.zip)

Primero debemos preparar CodeBlocks para crear proyectos GLUT.


En el directorio raz de instalacin de CodeBlocks crear una carpeta (Eje: Glut36) que tenga la
siguiente estructura:
CodeBlocks

Glut36
include

lib

GL

glut.h

glut.lib

glut32.lib

Los archivos dll se deben copiar en el directorio system y system32.


-

glut.dll
glut32.dll

Puedes descargar la carpeta Glut36 comprimida lista para descomprimir con dlls desde:
https://sites.google.com/site/labcomputaciongrafica/laboratorios/Glut36.zip

Richart Escobedo (richarteq@dlince.com)

Pgina 8 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)

Mi primer proyecto OpenGL con CodeBlocks


Para crear un nuevo proyecto en CodeBlocks haga clic en el men Archivo->Nuevo->Proyecto

Luego seleccione la categora GLUT Project y haga clic en el botn Go para continuar.

Richart Escobedo (richarteq@dlince.com)

Pgina 9 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)


Despus, recibir la bienvenida al asistente de proyectos GLUT. Haga clic en el botn Next > para
continuar.

Luego, ingrese un ttulo al proyecto y haga clic en el botn Next > para continuar.

Richart Escobedo (richarteq@dlince.com)

Pgina 10 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)


Asegrese de que la localizacin del GLUT es la que ud. personalizo anteriormente. Haga clic en el
botn Next > para continuar.

Finalmente confirme la ubicacin del compilador para C++ y haga clic en el botn finalizar.

Richart Escobedo (richarteq@dlince.com)

Pgina 11 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)


Haga doble clic en el archivo main.cpp y luego en compilar y ejecutar.
Puede descargar el cdigo fuente desde:
https://sites.google.com/site/labcomputaciongrafica/laboratorios/MiPrimerProyectoGLUT.zip

Si todo fue bien Ud. debe obtener el siguiente resultado.

Richart Escobedo (richarteq@dlince.com)

Pgina 12 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)

Actividades
1. Integre un IDE con la librera OpenGL. Puede usar CodeBlocks como referencia y usar las
instrucciones del presente laboratorio. [2 pts]
2. Mostrar la ejecucin de MiPrimerProjectoGLUT en el IDE que Ud. plantea. Presione las
teclas + y para experimentar. MiPrimerProjectoGLUT [3 pts]

Richart Escobedo (richarteq@dlince.com)

Pgina 13 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)


3. Obtener el siguiente resultado: (Lea capitulo1.pdf)

Richart Escobedo (richarteq@dlince.com)

CGLab01p01 [3 pts]

Pgina 14 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)


4. Implemente el efecto de rotacin. Presione las teclas c, 1 y 2 para experimentar.: (Lea
capitulo1.pdf) CGLab01p02 [3 pts]

La asistencia tiene un peso de 3 puntos.

Richart Escobedo (richarteq@dlince.com)

Pgina 15 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)


Tarea para la prxima sesin de laboratorio
Solo estn habilitados para presentar tareas los que consignen asistencia en la sesin anterior
correspondiente al tema tratado.
5. Implemente la funcin drawTurtle() para la Representacin de una tortuga. .: (Lea
capitulo1.pdf) CGLab01p03 [3 pts]

6. Implemente la funcin drawSphereTurtle() para la Representacin de una tortuga. .: (Lea


capitulo1.pdf) CGLab01p04 [3 pts]

Richart Escobedo (richarteq@dlince.com)

Pgina 16 de 17

Laboratorio de Computacin Grfica 2015 (https://sites.google.com/site/labcomputaciongrafica)


Anexo

Richart Escobedo (richarteq@dlince.com)

Pgina 17 de 17