Laboratorio #1 - OpenGL - Programacion Grafica 2024

Universidad Nacional de Ingeniería
Programa Académico de Ingeniería en Computación
Asignatura: Programación Gráfica

Elaborado por: Danny Chávez
Laboratorio #1: Introducción a OpenGL.
Objetivos:
 Conocer como se puede configurar un entorno de desarrollo en Visual Studio Code y Visual
Studio Community 2019
 Instalar de forma manual la extensión Run++ en Visual Studio Code para ejecutar programas de
OpenGL
 Descargar e Instalar MinGW para ejecutar g++ desde Visual Studio Code.
 Establecer Variables de Entornos para el uso de Visual Community 2019.
 Ejecutar el código fuente proporcionado.
Configuración de Visual Studio Code para trabajar con OpenGL
Instalamos la extensión llamada Run++
Para resolver el siguiente error que se muestra en pantalla hay que seguir los siguientes pasos:
Descargar e instalar el programa MinGW del siguiente enlace: https://sourceforge.net/projects/mingw/
Pantalla de Resumen sobre la instalación de MinGW.

Buscamos la instalación del programa MinGW en la ruta del disco duro. Debería de ser algo como: C:\
MinGW\libexec\mingw-get
Nos dirigimos a la carpeta bin que se encuentra dentro de la carpeta que lleva por nombre MinGW.
Deberíamos de ver la siguiente información tal como aparece en la pantalla
Copiamos la siguiente ruta C:\MinGW\bin y en la barra de búsqueda escribimos la opción Editar

Variables de Entorno del Sistema (Edit system environment variables)
En la siguiente imagen, hacemos clic en la opción que dice Environment Variables.
Seleccionamos donde dice Path en el siguiente cuadro de dialogo. Y luego donde dice Edit, agregamos
una nueva variable y pegamos la ruta C:\MinGW\bin
Otro método de trabajo para OpenGL.
Descargar del sitio web https://www.glfw.org/ la librería de trabajo para GLFW.
Este breve tutorial esta basado para trabajar en Visual Studio 2019.
Descargamos los binarios para Windows32 de la página web oficial.
Descomprimimos los archivos en nuestra computadora. Y deberíamos de obtener lo siguiente:

Una vez que tenemos creado nuestro proyecto dentro de Visual Studio, necesitamos agregar los binarios
al mismo para que el compilador pueda interpretar cada línea de código. Para esto, hacemos clic
derecho sobre nuestro proyecto y buscamos la opción de propiedades.
Luego donde dice General, necesitamos agregar la dependencia
La ruta Dependencies\GLFW\include viene dada tomando en consideración la dirección donde

guardamos el proyecto.
Creamos la carpeta que lleva el nombre Dependencies, luego creamos otra que se llama GLFW y dentro
de la misma copiamos los archivos binarios y la carpeta con la versión del Visual Studio que estamos
utilizando.
Después necesitamos ir nuevamente a la ventana de Propiedades del proyecto y seleccionamos la

opción que dice Linker tal como aparece en pantalla. Agregamos la line siguiente: $
(SolutionDir)Dependencies\GLFW\lib-vc2019 tal como se muestra en la imagen
Después nos dirigimos donde dice Input y agregamos las librerías glfw3.lib;opengl32.lib.
Copie y pegue el siguiente código. Ejecútelo y observe la salida del programa. En caso de que obtenga
algún error que haga referencia a la configuración de Input en la opción de Linker deberá de analizar
cual es el error que obtiene. En la mayoría de los casos se debe a que no existe algún tipo de librería y
por lo tanto deberá de ser agregada.
NOTA: Recuerde que cada computadora de trabajo es UNICA. Por lo que tiene que investigar
diferentes métodos de soluciones o configuraciones si es el caso en cuanto a obtener un error o varios
errores cuando esté realizando la configuración y las pruebas con el código fuente.
Ejemplo de Código de Prueba
#include <GLFW/glfw3.h>
int main(void)
{
GLFWwindow* window;
/* Initialize the library */

if (!glfwInit())
return -1;
/* Create a windowed mode window and its OpenGL context */

window = glfwCreateWindow(800, 600, "Mi Primera Pantalla en OpenGL",
NULL, NULL);
if (!window)
{
glfwTerminate();
return -1;
}
/* Make the window's context current */

glfwMakeContextCurrent(window);
/* Loop until the user closes the window */

while (!glfwWindowShouldClose(window))
{
/* Render here */
glClear(GL_COLOR_BUFFER_BIT);
/* Swap front and back buffers */

glfwSwapBuffers(window);
/* Poll for and process events */

glfwPollEvents();
}
glfwTerminate();
return 0;
}
Si toda la configuración anterior fue correcta, entonces al ejecutar el código fuente el resultado debería
de ser el siguiente.
Luego, al código anterior agregamos las siguientes líneas de código debajo de

glClear(GL_COLOR_BUFFER_BIT); para dibujar un triángulo.
glBegin(GL_TRIANGLES);
glVertex2f(-0.5f, -0.5f);
glVertex2f(0.0f, 0.5f);
glVertex2f(0.5f, -0.5f);
glEnd();
Quedando el código completo de la siguiente manera:
#include <GLFW/glfw3.h>
int main(void)
{
GLFWwindow* window;
/* Initialize the library */

if (!glfwInit())
return -1;
/* Create a windowed mode window and its OpenGL context */

window = glfwCreateWindow(800, 600, "Mi Primera Pantalla en OpenGL", NULL, NULL);
if (!window)
{
glfwTerminate();
return -1;
}
/* Make the window's context current */

glfwMakeContextCurrent(window);
/* Loop until the user closes the window */

while (!glfwWindowShouldClose(window))
{
/* Render here */
glClear(GL_COLOR_BUFFER_BIT);
glBegin(GL_TRIANGLES);
glVertex2f(-0.5f, -0.5f);
glVertex2f(0.0f, 0.5f);
glVertex2f(0.5f, -0.5f);
glEnd();
/* Swap front and back buffers */

glfwSwapBuffers(window);
/* Poll for and process events */

glfwPollEvents();
}
glfwTerminate();
return 0;
}
Y el resultado de la ejecución del código fuente seria:

Laboratorio #1 - OpenGL - Programacion Grafica 2024

Cargado por

Copyright:

Formatos disponibles

Laboratorio #1 - OpenGL - Programacion Grafica 2024

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Laboratorio #1 - OpenGL - Programacion Grafica 2024

Cargado por

Copyright:

Formatos disponibles

Universidad Nacional de Ingeniería

Programa Académico de Ingeniería en Computación

Asignatura: Programación Gráfica

Configuración de Visual Studio Code para trabajar con OpenGL

Instalamos la extensión llamada Run++

Pantalla de Resumen sobre la instalación de MinGW.

Copiamos la siguiente ruta C:\MinGW\bin y en la barra de búsqueda escribimos la opción Editar

Descargar del sitio web https://www.glfw.org/ la librería de trabajo para GLFW.

Descargamos los binarios para Windows32 de la página web oficial.

Descomprimimos los archivos en nuestra computadora. Y deberíamos de obtener lo siguiente:

La ruta Dependencies\GLFW\include viene dada tomando en consideración la dirección donde

Después necesitamos ir nuevamente a la ventana de Propiedades del proyecto y seleccionamos la

/* Initialize the library */

/* Create a windowed mode window and its OpenGL context */

/* Make the window's context current */

/* Loop until the user closes the window */

/* Swap front and back buffers */

/* Poll for and process events */

Luego, al código anterior agregamos las siguientes líneas de código debajo de

Quedando el código completo de la siguiente manera:

/* Initialize the library */

/* Create a windowed mode window and its OpenGL context */

/* Make the window's context current */

/* Loop until the user closes the window */

/* Swap front and back buffers */

/* Poll for and process events */

Y el resultado de la ejecución del código fuente seria:

También podría gustarte