Instalar SFML en Windows e Integrar con Visual Studio

 Instalar SFML en Windows e integrar con Visual Studio Community 

 

 Paso 1 Ver la Versión de Visual Studio Instalada

Abrimos Visual Studio y hacemos click Ayuda en las opciones del menú superior.

> Ayuda  > Sobre Microsoft Visual Studio

Dentro de "Sobre Microsoft Visual Studio veremos la siguiente ventana:

Anotamos la versión de Visual Studio y el año. En este caso tenemos la versión 17.11.5 y el año 2022. Observamos también que la arquitectura del procesador es de 64 Bits.  Toda esta información determina la versión de SFML que necesitamos descargar.

Paso 2 Descargar la Librería SFML

Abrimos el navegador y entramos en la sección de descargas de la pagina oficial de SFML : https://www.sfml-dev.org/download/sfml/2.6.2/ 

En el momento de preparar esta entrada la ultima versión era la 2.6.2 :

También puedes revisar la documentación del sitio oficial de SFML.

Paso 3 Descomprimir los Archivos de SFML

Hacemos click derecho sobre el archivo descargado en la carpeta download o descargas y seleccionamos extraer todo. Es de mi preferencia extraerlo en el disco C:. De manera automática se creara una carpeta llamada SFML y la versión.

 

 

Seleccionamos la Carpeta destino:

 

 

 El resultado al descomprimir el los archivos es el siguiente:

Paso 4 Abrir Visual Studio y Crear un Nuevo Proyecto

> Crear un proyecto

> Aplicación de consola > Siguiente

 

 

Escribimos el nombre del proyecto: "Hola_SFML" y le damos a crear.

> Crear

 

 

De manera automática Visual Studio crea dentro del proyecto un archivo fuente .cpp  con el programa hola mundo.

Comprobamos que todo este bien compilando el programa "!hola mundo¡" con:

> Depurar > Iniciar depuración

 

o pulsando >f5

 

En pantalla anterior podemos ver la ruta donde se encuentra el programa ejecutable .exe generado por el compilador. Es importante tener en cuenta ésta ruta del proyecto, ya que mas adelante debemos pegar las librerías SFML necesarias para correr nuestros videojuegos.

Paso 5 Escribir el primer programa en SFML

Borra el código fuente del programa "!hola mundo¡" y copia y pega el siguiente código:

#include <sfml/Graphics.hpp>

int main()
{
    sf::RenderWindow window(sf::VideoMode(200, 200),  "SFML Works!");
    sf::CircleShape shape(100.f);
    shape.setFillColor(sf::Color::Green);
    while (window.isOpen())
    {
        sf::Event event;
        while (window.pollEvent(event))
        {
            if (event.type == sf::Event::Closed)
                window.close();
        }  
    window.clear();
    window.draw(shape);
    window.display();
    }
    return 0;
}

Como no tenemos vinculadas las librerías a nuestro proyecto veremos varias advertencias de errores:

 Paso 6 Configuración General de las carpetas include y lib de SFML

En el explorador de soluciones a la derecha, hacemos clic derecho sobre el proyecto ( Hola_SFML) y luego hacemos clic en propriedades:

 

< Proyecto  > Propiedades

 

 

Configuración:> Todas las config. > C/C++ > General

> Directorios de inclusión adicionales > <Editar...>

Dentro de la ventana de directorios de inclusión adicionales le damos clic a la primera linea vacía a la izquierda y luego a los tres puntos que aparecen a la derecha.

> ...

Al hacer clic sobre los tres puntos (...) nos abre el explorador de Windows. Navegamos hasta la carpeta donde extrajeron la carpeta SFML y seleccionamos la carpeta include y luego de damos a aceptar.

Luego debemos dar clic en aplicar para ir guardando la configuración:

> Aplicar

El siguiente paso es vincular las librerías (lib).

Configuración: > Todas las config. > Vinculador > General

> Directorios de bibliotecas adicionales > <Editar...>

Dentro de la ventana de directorios de bibliotecas adicionales le damos clic a la primera linea vacía a la izquierda y luego a los tres puntos que aparecen a la derecha.

> ...

Al hacer clic sobre los tres puntos (...) nos abre el explorador de Windows. Navegamos hasta la carpeta donde extrajeron la carpeta SFML y seleccionamos la carpeta lib y luego de damos a aceptar.

Luego debemos dar clic en aplicar para ir guardando la configuración:

> Aplicar

7 Configuración de las Dependencias Adicionales en Release y Debug

Hasta los momentos hecho cambios a nivel de todas las configuraciones es decir tanto para Release como para Debug.

En los cambios a realizar a continuación si debemos diferenciar la configuraciones en Release y en Debug.

 Configuración de las dependencias adicionales de SMFL en Visual Studio

Configuración: > Release > Vinculador > Entrada

En el campo de dependencias adicionales escribimos las librerías necesarias para nuestro proyecto, principalmente se trabaja con la siguientes tres:

 

sfml-graphics.lib

sfml-window.lib

sfml-system.lib

 

y luego hacemos clic en aceptar:

 

En el campo de dependencias adicionales escribimos las librerías necesarias para nuestro proyecto, principalmente se trabaja con la siguientes tres:

 

sfml-graphics.lib

sfml-window.lib

sfml-system.lib

 

y luego hacemos clic en aceptar:

Luego debemos dar clic en aplicar para ir guardando la configuración:

> Aplicar

 

 

Repetimos el proceso para Debug

Configuración: > Debug > Vinculador > Entrada

En el campo de dependencias adicionales escribimos las librerías necesarias para nuestro proyecto:

 

sfml-graphics.lib

sfml-window.lib

sfml-system.lib

 

y luego hacemos clic en aceptar:

Luego debemos dar clic en aplicar para ir guardando la configuración:

> Aplicar > Aceptar

8 Copiar las Dlls de SFML y pegar en la Carpeta del Proyecto en Visual Studio

9 Compilar y correr nuestro primer programa en C++ y SFML

Con la configuración realizada con los pasos anteriores todos los errores detectados por Visual Studio desaparecen y podemos proceder a compilar y ejecutar con F5.

🏠 Índice de SFML