01 compgraf lab 01

8/17/2019 01 CompGraf Lab 01

1/17

Laboratorio de Computación Gráfica 2015 (https://sites.google.com/site/labcomputaciongrafica)

Richart Escobedo ([email protected]) Página 1 de 17

Laboratorio 01

Curso : Computación Gráfica

Horarios : Miércoles 19:00-21:00 y Viernes 16:00-18:00 (Grupo A)

Docente : Richart Escobedo ([email protected])

Objetivos del laboratorio

-

Montar un entorno de desarrollo para desarrollar prácticas en Computación Gráfica con

IDE’s para C++ y la librería gráfica OpenGL.

-

Utilizar la librería gráfica OpenGL para introducirnos en la programación gráfica.

Conceptos previos

IDE: Un entorno de desarrollo integrado (Integrated development environment). Es un programainformático compuesto por un conjunto de herramientas de programación. Un IDE es un entorno

de programación que ha sido empaquetado como un programa de aplicación; es decir, que consiste

en un editor de código, un compilador, un depurador y un constructor de interfaz gráfica (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 IDE’s para C++: Dev C++, WebDevStudio, ZinjaI, Visual Studio, Eclipse, Netbeans, etc.

C++: Es un lenguaje de programación. Es una extensión al lenguaje de programación C con

mecanismos que permitan la manipulación de objetos.

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

GCC: El GNU Compiler Collection (colección de compiladores GNU) es un conjunto de compiladorescreados por el proyecto GNU. GCC es software libre y lo distribuye la Free Software Foundation (FSF)

bajo la licencia general pública GPL.

OpenGL: (Open Graphics Library) es una especificación estándar que define una API multilenguajey multiplataforma para escribir aplicaciones que produzcan gráficos 2D y 3D. Compite con Direct3D

en plataformas Microsoft Windows.

GLUT: Del inglés OpenGL Utility Toolkit, es una biblioteca de utilidades para programas OpenGL.

8/17/2019 01 CompGraf Lab 01

2/17



Instalación del IDE CodeBlocks

Para descargar el instalador de este IDE vaya a la páginaWeb http://www.codeblocks.org

Paso 01: Descarga la entrega de CodeBlocks que incluye el compilador gcc para sistemasMS Windows.

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

Paso 03: Bienvenida al asistente de instalación de CodeBlocks, haga clic en el botón Next >

para continuar con la instalación.

https://sites.google.com/site/idesparacpp/codeblocks/Ashampoo_Snap_2014.08.30_23h42m00s_006_.png?attredirects=0https://sites.google.com/site/idesparacpp/codeblocks/Ashampoo_Snap_2014.08.30_23h37m42s_002_.png?attredirects=0https://sites.google.com/site/idesparacpp/codeblocks/Ashampoo_Snap_2014.08.30_23h36m31s_001_.png?attredirects=0

8/17/2019 01 CompGraf Lab 01

3/17



Paso 04: El acuerdo de licencia GPL v3, haga clic en el botón I Agree para continuar con la

instalación.

Paso 05: Selección de componentes, haga clic en el botón Next > para continuar con la

instalación.

https://sites.google.com/site/idesparacpp/codeblocks/Ashampoo_Snap_2014.08.30_23h43m48s_009_.png?attredirects=0https://sites.google.com/site/idesparacpp/codeblocks/Ashampoo_Snap_2014.08.30_23h42m43s_008_.png?attredirects=0

8/17/2019 01 CompGraf Lab 01

4/17



Paso 06: El lugar donde se instalará CodeBlocks, haga clic en el botón Install para continuar

con la instalación.

La instalación comenzará inmediatamente:


8/17/2019 01 CompGraf Lab 01

5/17



Paso 07: La instalación se ha completado, haga clic en el botón Next > para terminar la

instalación.

Paso 08: La instalación se ha completado, haga clic en el botón Finish para terminar la

instalación.


8/17/2019 01 CompGraf Lab 01

6/17



Luego, nos preguntará si deseamos ejecutar CodeBlocks. Haga clic en el botón Si para

iniciar CodeBlocks.

Esta es la interfaz de CodeBlocks.


8/17/2019 01 CompGraf Lab 01

7/17



Comprobación 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 botón Aceptar y el botón OK.


8/17/2019 01 CompGraf Lab 01

8/17



Preparar CodeBlocks para crear proyectos OpenGL

Descarga la librería 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 raíz de instalación de CodeBlocks crear una carpeta (Eje: Glut36) que tenga la

siguiente estructura:

CodeBlocks

Glut36

include

GL glut.h

lib 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

http://%28http/www.opengl.org/resources/libraries/glut/glut_downloads.phphttp://%28http/www.opengl.org/resources/libraries/glut/glut_downloads.phphttp://www.opengl.org/resources/libraries/glut/glutdlls36.ziphttp://www.opengl.org/resources/libraries/glut/glutdlls36.ziphttp://www.opengl.org/resources/libraries/glut/glutdlls36.ziphttps://sites.google.com/site/labcomputaciongrafica/laboratorios/Glut36.ziphttps://sites.google.com/site/labcomputaciongrafica/laboratorios/Glut36.ziphttps://sites.google.com/site/labcomputaciongrafica/laboratorios/Glut36.ziphttp://www.opengl.org/resources/libraries/glut/glutdlls36.ziphttp://%28http/www.opengl.org/resources/libraries/glut/glut_downloads.php

8/17/2019 01 CompGraf Lab 01

9/17



Mi primer proyecto OpenGL con CodeBlocks

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

Luego seleccione la categoría GLUT Project y haga clic en el botón Go para continuar.

8/17/2019 01 CompGraf Lab 01

10/17



Después, recibirá la bienvenida al asistente de proyectos GLUT. Haga clic en el botón Next > para

continuar.

Luego, ingrese un título al proyecto y haga clic en el botón Next > para continuar.

8/17/2019 01 CompGraf Lab 01

11/17



Asegúrese de que la localización del GLUT es la que ud. personalizo anteriormente. Haga clic en el

botón Next > para continuar.

Finalmente confirme la ubicación del compilador para C++ y haga clic en el botón finalizar.

8/17/2019 01 CompGraf Lab 01

12/17



Haga doble clic en el archivo main.cpp y luego en compilar y ejecutar.

Puede descargar el código fuente desde:

https://sites.google.com/site/labcomputaciongrafica/laboratorios/MiPrimerProyectoGLUT.zip

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

https://sites.google.com/site/labcomputaciongrafica/laboratorios/MiPrimerProyectoGLUT.ziphttps://sites.google.com/site/labcomputaciongrafica/laboratorios/MiPrimerProyectoGLUT.ziphttps://sites.google.com/site/labcomputaciongrafica/laboratorios/MiPrimerProyectoGLUT.zip

8/17/2019 01 CompGraf Lab 01

13/17



Actividades

1.

Integre un IDE con la librería OpenGL. Puede usar CodeBlocks como referencia y usar las

instrucciones del presente laboratorio. [2 pts]

2.

Mostrar la ejecución de MiPrimerProjectoGLUT en el IDE que Ud. plantea. Presione las

teclas ‘+’ y ‘–‘ para experimentar. MiPrimerProjectoGLUT [3 pts]

8/17/2019 01 CompGraf Lab 01

14/17



3.

Obtener el siguiente resultado: (Lea capitulo1.pdf) CGLab01p01 [3 pts]

8/17/2019 01 CompGraf Lab 01

15/17



4.

Implemente el efecto de rotación. Presione las teclas ‘c’, ‘1’ y ‘2‘ para experimentar.: (Lea

capitulo1.pdf) CGLab01p02 [3 pts]

La asistencia tiene un peso de 3 puntos.

8/17/2019 01 CompGraf Lab 01

16/17



Tarea para la próxima sesión de laboratorio

Solo están habilitados para presentar tareas los que consignen asistencia en la sesión anterior

correspondiente al tema tratado.

5.

Implemente la función drawTurtle() para la Representación de una tortuga. .: (Lea


6.

Implemente la función drawSphereTurtle() para la Representación de una tortuga. .: (Lea


8/17/2019 01 CompGraf Lab 01

17/17



Anexo

01 compgraf lab 01

Documents