Logo creanet 2.0
Introduction à la SDL


Tout d'abord, bienvenue dans la seconde partie de ce tutoriel dans laquelle vous allez cette fois ci apprendre à créer des applications en fenêtres ainsi que des petits jeux 2DSmiley souris

Il faut impérativement maîtriser la première partie du tutoriel pour comprendre la SDL!

Mais revenons à cette fameuse SDL.

La SDL est une librairie tierce (= une bibliothèque que vous ajoutez à votre programme).
Ellle est sous license LGPL, ce qui signifie que vous pouvez l'utiliser dans vos programme qu'ils soient gratuits ou payant et sans donner votre code source! C'est donc un énorme point positif!

Enfin, la SDL vous permet de gérer le son/la musique, les évenement générés (nous verrons cela plus tard dans le coursSmiley souris), l'affichage d'une fenêtre et de faire de la 2D. D'ailleurs, Space Fight ou encore Alone de ce site ont été créés grâce à la SDL!

Comme vous le voiiez, c'est une librairie très complète et utile qu'il va maintenant falloir savoir utiliserSmiley souris Pour cela, commençons par son installationSmiley souris


Installation de la SDL

Il vous faut, dans un premier temps, récupérer cette librairie sur son site officiel.
 
Pour y accéder, cliquez ici

Cliquez ensuite sur SDL 1.2 qui se trouve dans la rubrique Download (le numéro de la version peut bien sur être différent suivant le moment où vous lisez ce tutorielSmiley souris)

 
site sdl part1


Enfin, dans la page venant d'apparaître, sous "Development Librairies" et "Win32", cliquez sur SDL-devel-1.2.15-mingw32.tar.gz


site sdl part2
 

Voici directement le lien pour les fainéants qui n'ont pas envie d'aller sur le site :P lien

Ce fichier est une archive compressée. Vous devez donc la décompresser avec un logiciel comme winrar ou encore 7zip.


Une fois l'archive décompressée, suivez ces instructions:

1) Aller dans le dossier include puis copier simplement le dossier SDL.
2) Collez ce dossier dans le répertoire: C://Program Files//CodeBlocks//MinGW//include.
3) Dans le dossier extrait il y a quelques instants, copier ces fichiers:
     lib//libSDLmain.a
     lib//libSDL.dll.a

et collez-les dans le répertoire: C://Program Files//CodeBlocks//MinGW//lib

Enfin, dans le dossier décompressé, copier le fichier bin//SDL.dll et placez-le à un endroit de votre ordinateur où vous pourrez facilement le retrouver, il est obligatoire de l'avoir pour que nos futurs programmes fonctionnent.Smiley souris


Voilà, vous venez d'installer la SDL sur votre ordinateur (vous pouvez d'ailleurs supprimer le restant de l'archive, nous ne nous en servirons plus)Smiley souris

Il ne reste plus qu'à configurer notre IDE avec la SDL et c'est parti pour des supers programmes!Smiley rigole

Pour configurer l'IDE, lancez tout d'abord codeblocksSmiley souris. Créer un nouveau projet mais cette fois-ci de type SDL et non plus console!
 
installation sdl 1


Il vous suffit ensuite de faire comme d'habitude à la différence près que lorsque vous rencontrez cette fenêtre:
 
configuration sdl projet

Cliquez sur next sans rien modifier!Smiley souris

Vous devriez arriver sur cette fenêtre-ci:
 
installation SDL derniere partie


Il vous suffit simplement de cliquez sur les trois petits points du champ base:
 
installation SDL derniere partie 2

Et d'indiquer, grâce à la fenêtre qui s'ouvre, le chemin vers le dossier SDL que vous venez d'installer dans codeBlocks. Si vous avez suivi ce tutoriel, il devrait être:

C://Program Files//CodeBlocks//MinGW//include//SDL

Une fois ceci indiqué, cliquez sur "close"

 
Si après cela une fenêtre apparait vous demandant de sélectionner un dossier, cliquez sur annuler pour ne rien faire! Puis cliquez sur chaque next se présentant sans rien modifier.Smiley souris



Une fois toutes ces étapes faites, vous devriez arriver à l'interface de votre projet avec du code...incompréhensibleSmiley rigole Comme ceci:

 
découverte sdl 1


Allez, c'est bintôt fini! Maintenant allez dans Project->Build options...
Cette fenêtre devrait apparaître:
 
installation sdl 3

Cliquez comme indiqué sur Linker settings.

Enfin, comme la photo ci-dessous le montre, écrivez dans l'emplacement encadré en rouge ces lignes:

-lmingw32
-lSDLmain
-lSDL
 
 
installation sdl 4

Enfin, cliquez sur ok.Smiley souris Vous avez fini d'installer la SDL! Il ne reste plus qu'à savoir s'en servirSmiley rigole

Rassurez-vous, nous n'allons pas tout voir d'un seul coupSmiley souris Pour l'instant, nous allons juste vérifier si la SDL est bien installée sur votre ordinateur. Pour cela, placez le ficiher SDL.dll que je vous avez demandé de garder dans le dossier de votre projet codeblocks. Enfin, lancez la compilation avec F9. Si vous avez tout bien installé, vous devriez voir apparaître une fenêtre comme ceci:
 
découverte sdl 2

Si, au contraire, la fenêtre ne s'affiche pas et que vous vous retrouvez avec pleins d'erreurs, recommencez une nouvelle fois l'installation comme décrit ci-dessus en faisant bien attention de tout faire correctementSmiley souris

Voilà! La SDL est maintenant installée sur votre ordinateur! Pour commencer à créer vos propres programmes en jolies fenêtre, rendez-vous au chapitre suivant où nous allons voir comment créer une fenêtre avec la SDL!Smiley rigole



 
                                                                                  Notre première fenêtre avec la SDL







 
 
 



Créer un site
Créer un site