Through this book, I will try to teach you some elements to build video games using the SFML library. Each chapter will cover a different topic, and will require knowledge from the previous one.
In this first chapter, we will cover basics points needed for the future such as:
Installing a compiler for C++11
Installing CMake
Installing SFML 2.2
Building a minimal SFML project
Before getting started, let's talk about each technology and why we will use them.
The C++ programming language is a very powerful tool and has really great performance, but it is also really complex, even after years of practice. It allows us to program at both a low and high level. It's useful to make some optimizations on our program such as having the ability to directly manipulate memory. Building software utilizing C++ libraries allows us to work at a higher level and when performance is crucial, at a low level. Moreover, the C/C++ compilers are very efficient at optimizing code. The result is that, right now, C++ is the most powerful language in terms of speed, and thanks to the zero cost abstraction, you are not paying for what you don't use, or for the abstraction you are provided.
I'll try to use this language in a modern way, using the object-oriented approach. Sometimes, I'll bypass this approach to use the C way for optimizations. So do not be shocked to see some "old school code". Moreover, all the main compilers now support the standard language released in 2011, so we can use it everywhere without any trouble. This version adds some really useful features in the language that will be used in this book, such as the following:
Keywords are one such important feature. The following are a few of them:
auto
: This automatically detects the type of the new variable. It is really useful for the instantiation of iterators. The auto keyword already existed in the past, but has been deprecated for a long time, and its meaning has now changed.nullptr
: This is a new keyword introducing a strong type for the old NULL value. You can always use NULL, but it's preferable to usenullptr
, which is any pointer type with 0 as the value.override
andfinal
: These two keywords already exist in some languages such as Java. These are simple indications not only for the compiler but also for the programmer, but don't specify what they indicate. Don't hesitate to use them. You can take a look to the documentation of them here http://en.cppreference.com/w/cpp/language/override and http://en.cppreference.com/w/cpp/language/final.
The range-based
for
loops is a new kind of loop in the languageforeach
. Moreover, you can use the newauto
keyword to reduce your code drastically. The following syntax is very simple:for(auto& var : table){...}.
In this example,
table
is a container (vector and list) andvar
is a reference to the stored variable. Using&
allows us to modify the variable contained inside the table and avoids copies.C++11 introduces the smart pointers. There are multiple pointers corresponding to their different possible utilizations. Take a look at the official documentation, this which is really interesting. The main idea is to manage the memory and delete the object created at runtime when no more reference on it exists, so that you do not have to delete it yourself or ensure that no double free corruptions are made. A smart pointer created on the stack has the advantages of being both fast and automatically deleted when the method / code block ends. But it is important to know that a strong use of this pointer, more especially
shared_ptr
, will reduce the execution speed of your program, so use them carefully.The lambda expression or anonymous function is a new type introduced with a particular syntax. You can now create functions, for example, as a parameter of another function. This is really useful for callback. In the past, functor was used to achieve this kind of comportment. An example of functor and lambda is as follows:
class Func(){ void operator()(){/* code here */}}; auto f = [](){/* code here*/};
If you already know the use of the variadics function with the ellipse operator (
...
), this notion should trouble you, as the usage of it is different. The variadics template is just the amelioration of template with any number of parameters using the ellipse operator. A good example for this is the tuple class. A tuple contains any number of values of any type known at compile time. Without the variadics template, it was not really possible to build this class, but now it is really easy. By the way, the tuple class was introduced in C++11. There are several other features, such as threads, pair, and so on.
SFML stands for Simple and Fast Multimedia Library. This is a framework written in C++ and is based on OpenGL for its graphical rendering part. This name describes its aim pretty well, that is, to have a user-friendly interface (API), to deliver high performance, and to be as portable as possible. The SFML library is divided into five modules, which are compiled in a separated file:
System: This is the main module, and is required by all others. It provides clocks, threads, and two or three dimensions with all their logics (mathematics operations).
Window: This module allows the application to interact with the user by managing windows and the inputs from the mouse, keyboard, and joystick.
Graphics: This module allows the user to use all the graphical basic elements such as textures, shapes, texts, colors, shaders, and more.
Audio: This module allows the user to use some sound. Thanks to this, we will be able to play some themes, music, and sounds.
Network: This module manages not only socket and type safe transfers but also HTTP and FTP protocols. It's also very useful to communicate between different programs.
Each module used by our programs will need to be linked to them at compile time. We don't need to link them all if it's not necessary. This book will cover each module, but not all the SFML classes. I recommend you take a look at the SFML documentation at http://www.sfml-dev.org/documentation.php, as it's very interesting and complete. Every module and class is well described in different sections.
Now that the main technologies have been presented, let's install all that we need to use them.
As mentioned previously, we will use C++11, so we need a compiler for it. For each operating system, there are several options; choose the one you prefer.
If you are a Linux user, you probably already have GCC/G++ installed. In this case, check whether your version is 4.8 or later. Otherwise, you can install GCC/G++ (version 4.8+) or Clang (version 3.4+) using your favorite packet manager. Under Debian based distribution (such as Ubuntu and Mint), use the command line:
sudo apt-get install gcc g++ clang -y
Finally, if you are a Windows user, you can use Visual Studio (2013), Mingw-gcc (4.8+), or Clang (3.4+) by downloading them. I suggest you not use Visual Studio, because it's not 100 percent standard compliant, even for the C99, and instead use another IDE such as Code::Blocks (see the following paragraph).
I assume that in both cases, you have been able to install a compiler and configure your system to use it (by adding it to the system path). If you have not been able to do this, another solution is to install an IDE like Code::Blocks, which has the advantage of being installed with a default compiler, is compatible with C++11, and doesn't require any system configuration.
I will choose the IDE option with Code::Blocks for the rest of the book, because it does not depend on a specific operating system and everyone will be able to navigate. You can download it at http://www.codeblocks.org/downloads/26. The installation is really easy; you just have to follow the wizard.
CMake is a really useful tool that manages the build process in any operating system and in a compiler-independent manner. This configuration is really simple. We will need it to build the SFML (if you choose this installation solution) and to build all the future projects of this book. Using CMake gives us a cross-platform solution. We will need version 2.8 or later of CMake. Currently, the last stable version is 3.0.2.
If you use a Linux system, you can install CMake and its GUI using your packet manager. For example, under Debian, use this command line:
sudo apt-get install cmake cmake-gui -y
You can download the CMake binary for your system at http://www.cmake.org/download/. Follow the wizard, and that's it. CMake is now installed and ready to be used.
There are two ways to get the SFML library. The easier way is to download the prebuilt version, which can be found at http://sfml-dev.org/download/sfml/2.2/, but ensure that the version you download is compatible with your compiler.
The second option is to compile the library yourself. This option is preferable to the previous one to avoid any trouble.
Compiling SFML is not as difficult as we might think, and is within the reach of everyone. First of all, we will need to install some dependencies.
SFML depends on a few libraries. Before starting to compile it, make sure that you have all the dependencies installed along with their development files. Here is the list of dependencies:
pthread
opengl
xlib
xrandr
freetype
glew
jpeg
sndfile
openal
On Linux, we will need to install the development versions of each of these libraries. The exact names of the packages depend on each distribution, but here is the command line for Debian:
sudo apt-get install libglu1-mesa-dev freeglut3-dev mesa-common-dev libxrandr-dev libfreetype6-dev libglew-dev libjpeg-dev libsndfile1-dev libopenal-dev -y
On Windows and Mac OS X, all the needed dependencies are provided directly with SFML, so you don't have to download or install anything. Compilation will work out of the box.
As mentioned previously, the SFML compilation is really simple. We just need to use CMake, by following these steps:
Download the source code at http://sfml-dev.org/download/sfml/2.2/ and extract it.
Open CMake and specify the source code directory and the build directory. By convention, the build directory is called
build
and is at the root level of the source directory.Press the Configure button, and select Code::Blocks with the right option for your system.
Under Linux, choose Unix Makefiles. It should look like this:
Under Windows, choose MinGW Makefiles. It should look like this:
And finally, press the Generate button. You'll have an output like this:
Now the Code::Blocks file is built, and can be found in your build directory. Open it with Code::Blocks and click on the Build button. All the binary files will be built and put in the build/lib
directory. At this point, you have several files with an extension that depend on your system. They are as follows:
libsfml-system
libsfml-window
libsfml-graphics
libsfml-audio
libsfml-network
Each file corresponds to a different SFML module that will be needed to run our future games.
Now it's time to configure our system to be able to find them. All that we need to do is add the build/lib
directory to our system path.
To compile in Linux, first open a terminal and run the following command:
cd /your/path/to/SFML-2.2/build
The following command will install the binary files under /usr/local/lib/
and the headers files in /usr/local/include/SFML/
:
sudo make install
By default, /usr/local/
is in your system path, so no more manipulations are required.
On Windows, you will need to add to your system path, the /build/lib/
directory, as follows:
Go to the Advanced tab in System Properties, and click on the Environment Variables button:
Then, select Path in the System variables table and click on the Edit... button:
Now edit the Variable value input text, add
;C:\your\path\to\SFML-2.2\build\lib
, and then validate it by clicking on OK in all the open windows:
At this point, your system is configured to find the SFML dll
modules.
Now that your system is configured to find the SFML binary files, it's time for us to configure Code::Blocks and finally test whether everything is fine with your fresh installation. To do so, follow these steps:
Run Code::Blocks, go to File | New | Project, and then choose Console Application.
Click on GO.
Choose C++ as the programming language, and follow the instructions until the project is created. A default
main.cpp
file is now created with a typicalHello world
program. Try to build and run it to check whether your compiler is correctly detected.
If everything works correctly, you will have a new window created that has a Hello world!
message, as follows:

If you have this output, everything is fine. In any other case, make sure you have followed all the steps for the installations.
Now we will configure Code::Blocks to find the SFML library, and ask it to link with our program at the end of the compilation. To do this, perform the following steps:
Go to Project | Build options and select your project at the root level (not debug or release).
Go to Search directories. Here we have to add the path where the compiler and the linker can find the SFML.
For the compiler, add your SFML folder.
For the linker, add the
build/lib
folder, as follows:
Now we need to ask the linker which libraries our project needs. All our future SFML projects will need the System, Window, and Graphics modules, so we will add them:
Go to the Linker settings tab.
Add
-lsfml-system
,-lsfml-window
and-lsfml-graphics
in the Other linker options column.Now click on OK.
Good news, all the configurations are now finished. We will eventually need to add a library to the linker in the future (audio, network), but that's it.
It's now time for us to test the SFML with a very basic example. This application will show us the window as in the following screenshot:

The following code snippet brings about this window:
int main(int argc,char* argv[]) { sf::RenderWindow window(sf::VideoMode(400, 400),"01_Introduction"); window.setFramerateLimit(60); //create a circle sf::CircleShape circle(150); circle.setFillColor(sf::Color::Blue); circle.setPosition(10, 20); //game loop while (window.isOpen()) { //manage the events sf::Event event; while(window.pollEvent(event)) { if ((event.type == sf::Event::Closed) or (event.type == sf::Event::KeyPressed and event.key.code == sf::Keyboard::Escape)) window.close(); //close the window } window.clear(); //clear the windows to black window.draw(circle); //draw the circle window.display(); //display the result on screen } return 0; }
All that this application does is to create a window with a width and height of 400 pixels and its title is 01_Introduction
. Then a blue circle with a radius of 150 pixels is created, and is drawn while the window is open. Finally, the user events are checked on each loop. Here we verify if the close event has been asked (close the button or click Alt + F4), or if the user has pressed the Esc button on his keyboard. In both case, we close the window, that will result to the program exit.
In this chapter we covered which technologies we will use and why to use them. We also learned the installation of the C++11 compiler on different environments, we learned about installing CMake and how this will help us build the SFML projects in this book. Then we installed SFML 2.2, and followed on to build a very basic SFML application.
In the next chapter we will gain knowledge on how to structure a game, manage user inputs, and keep trace of our resources.