This is the very first project on the road to building games for desktop operating systems like Windows, Linux and Mac. In these really simple steps we will walk through the process of installing the software applications that we need to start to learn to code for these desktop OS’s.
Before we can practice using what we have learnt about coding we need a development environment. This is certainly the least fun of any tutorial you will read on this site but once it is complete we can get straight down to basic game coding and start building up to a full playable game.
Visual Studio is an Integrated Development Environment (IDE) from Microsoft. It is the app that will allow us to enter our C++ code, compile it and then link it with the SFML code to make our games. If that process sounded complex that’s because it is- but by following a few conventions Visual Studio will handle everything with the click of a button. But first we need to install and configure it.
You can use other IDE’s to make games with SFML but Visual Studio is very easy to set up, the version we need is free and SFML themselves recommend it. Installing Visual Studio is as simple as downloading it and following the instructions. It is vital however to get exactly the right version because there are many!
To use Microsoft Visual Studio you will need a free Microsoft account. If you use XBOX, Windows Live services or have a Hotmail email account then you already have one. If not, you can get one here: https://login.live.com/.
Assuming you have Windows 7 or newer we want to use Visual Studio for desktop Express 2015.
Visit this link: https://www.visualstudio.com/en-us/downloads/download-visual-studio-vs.aspx. Click on Visual Studio 2015, then Express 2015 for desk top then the Download button. This image shows the three places to click.
Wait for the short download to complete and then run the downloaded file. Simply follow the instructions to install. Just make a note of the folder where you choose to install it. This process will take a while depending on the speed of your Internet connection.
When you see this next screen you can click Launch and enter your Microsoft account login details to proceed.
Let’s move on to the SFML phase.
Now we need to get hold of all the SFML files that Visual Studio will require to help us build our games. This is known as the SDK or software development kit. Visit this link on the SFML website: http://www.sfml-dev.org/download.php. Click on the button that says Latest Stable Version.
By the time you read this guide the actual latest version will almost certainly have changed. That doesn’t matter as long as you do the next step just right.
We want to download the 32bit version for Visual C++ 2014. This might sound counter-intuitive because we have just installed Visual Studio 2015 and you probably(most commonly) have a 64bit PC. The reason we choose the download that we do is because Visual C++ 2014 is part of Visual Studio 2015 (Visual Studio does more than C++) and we will be building games in 32bit so they run on BOTH 32 and 64 bit machines. To be clear click the download indicated below.
When the download completes, create a folder at the root of the same drive where you installed Visual Studio and name it SFML. Also create another folder at the root of the drive where you installed Visual Studio and call it Visual Studio Stuff. Now, ready for all the projects we will soon be making create a new folder inside Visual Studio Stuff. Name the new folder Projects. Just to be clear, here is what my hard drive looks like after this step and within the Visual Studio Stuff folder there is another folder; Projects. Obviously the folders you have in between the highlighted three folders in the image will probably be totally different to mine.
Finally, unzip the SFML download, do this on your desktop. When unzipping is complete you can delete the zip folder. You will be left with a single folder on your desktop. Its name will reflect the version of SFML that you downloaded. Mine is called SFML-2.3.2-windows-vc14-32-bit your file name will likely reflect a more recent version. Double click to see the contents of this unzipped folder then double click again into the next folder (mine is called SFML-2.3.2). The image below is what my SFML-2.3.2 folder contents looks like when the entire contents has been selected. Yours should look the same.
Copy the entire contents of this folder, as seen in the previous image and paste/drag all the contents into the SFML folder you created previously. In future tutorials and projects, I will refer to this folder simply as your SFML folder.
We are ready to build our first SFML game project!