[TUTO] SDL 2.0

cegdd

Bonjour à tous,
 
Ce tuto a pour but de vous apprendre les bases de la bibliotheque SDL,
 
et plus précisément la 2.0.
 
Les exemples de codes seront rédigés en C car c'est le language dans lequel est écris la SDL,
 
bien que la SDL suporte le C++ et dispose de bindings pour le C#, le Pascal et le Python.
j'imagine donc que vous maitrisez votre langage pour la suite.
 
Code minimal
 
Pour tester l'installation et expliquer les premières fonctions voici un code de base.
<pre class="ipsCode prettyprint">
int main (int argc, char *argv[])
{
SDL_Init (SDL_INIT_VIDEO);

SDL_Window *screen;
SDL_Renderer *renderer;

screen = SDL_CreateWindow("tuto", SDL_WINDOWPOS_CENTERED, SDL_WINDOWPOS_CENTERED, 800, 600, SDL_WINDOW_RESIZABLE);
renderer = SDL_CreateRenderer(screen, -1, SDL_RENDERER_ACCELERATED);

SDL_RenderPresent(renderer);
SDL_Delay(2000);

SDL_Quit();
return 0;

}

</pre>
SDL_Init (SDL_INIT_VIDEO);
Fonction initialisant la sdl.
<blockquote class="ipsQuote" data-ipsquote=""><div>
int SDL_Init(Uint32 flags)
</div></blockquote>
retour :
retourne une valeur négative en cas d'erreur.
 
paramètres :
SDL_INIT_TIMER sous-système temps
SDL_INIT_AUDIO sous-système audio
SDL_INIT_VIDEO sous-système video
SDL_INIT_JOYSTICK sous-système pour joystick
SDL_INIT_HAPTIC sous-système pour le tactile
SDL_INIT_GAMECONTROLLER sous-système mannette de jeu
SDL_INIT_EVENTS sous-système pour les évènement
SDL_INIT_EVERYTHING tout les sous-système au dessus
SDL_INIT_NOPARACHUTE ne prend pas en compte les signaux comme SIGSEGV SIGPIPE etc DANGEREUX 
 
SDL_CreateWindow("tuto", SDL_WINDOWPOS_CENTERED, SDL_WINDOWPOS_CENTERED, 800, 600, SDL_WINDOW_RESIZABLE);
fonction créant la fenêtre de notre programme.
<blockquote class="ipsQuote" data-ipsquote=""><div>
SDL_Window SDL_CreateWindow(const char title, int x, int y, int w, int h, Uint32 flags)
</div></blockquote>
 
retour :
retourne un pointeur vers la structure "SDL_Window" nouvellement créée.
 
paramètres :
<ol><li>le titre de la fenêtre</li>
<li>le point x de la fenêtre ou "SDL_WINDOWPOS_CENTERED" et "SDL_WINDOWPOS_UNDEFINED"</li>
<li>le point y de la fenêtre ou "SDL_WINDOWPOS_CENTERED" et "SDL_WINDOWPOS_UNDEFINED"</li>
<li>la taille horizontale de la fenêtre</li>
<li>la taille verticale de la fenêtre</li>
<li>encore des flags que voici :</li>
</ol> SDL_WINDOW_FULLSCREEN plein écran
 SDL_WINDOW_FULLSCREEN_DESKTOP plein écran a la résolution du bureau
 SDL_WINDOW_OPENGL fenêtre de contexte pour OpenGL
 SDL_WINDOW_SHOWN fenêtre visible
 SDL_WINDOW_HIDDEN fenêtre invisible
 SDL_WINDOW_BORDERLESS fenêtre sans contour
 SDL_WINDOW_RESIZABLE fenêtre redimensionnable
 SDL_WINDOW_MINIMIZED fenêtre minimisée
 SDL_WINDOW_MAXIMIZED fenêtre agrandie
 SDL_WINDOW_INPUT_GRABBED window has grabbed input focus :huh: 
 SDL_WINDOW_INPUT_FOCUS window has input focus :huh: 
 SDL_WINDOW_MOUSE_FOCUS window has mouse focus :huh: 
SDL_WINDOW_FOREIGN pas de fenêtre
SDL_WINDOW_ALLOW_HIGHDPI fenêtre en mode High-DPI (SDL2.0.1 ou plus)
 
SDL_CreateRenderer(screen, -1, SDL_RENDERER_ACCELERATED);
Créer un renderer (le renderer est la vue, la surface que l'on va afficher à l'écran).
<blockquote class="ipsQuote" data-ipsquote=""><div>
SDL_Renderer SDL_CreateRenderer(SDL_Window window, int index, Uint32 flags)
</div></blockquote>
retour :
retourne un pointeur vers la structure "SDL_Renderer" nouvellement créée.
 
paramètres:
<ol><li>le pointeur vers la structure SDL_Window créée précédemment.</li>
<li>j'aurais aimé vous expliquer mais malheureusement aucune doc ou tuto n'est clair là dessus du coup, ne vous en occupez pas et donnez -1 comme argument.</li>
<li>ce sont encore des flags, vous pouvez en mettre plusieurs.</li>
</ol>SDL_RENDERER_SOFTWARE rendu calculé par le CPU
SDL_RENDERER_ACCELERATED rendu calculé par le GPU (grosse nouveauté de la SDL2.0)
SDL_RENDERER_PRESENTVSYNC rendu synchronisé avec le taux de rafraichissement de votre écran
SDL_RENDERER_TARGETTEXTURE rendu pour texture
 
SDL_RenderPresent(renderer);
fonction affichant le rendu sur l'écran
<blockquote class="ipsQuote" data-ipsquote=""><div>
void SDL_RenderPresent(SDL_Renderer* renderer)
</div></blockquote>
 
paramètre :
<ol><li>le pointeur vers la structure SDL_Renderer créée précédemment.</li>
</ol>SDL_Delay(2000);
fonction qui met le programme en pause pendant x milisecondes
<blockquote class="ipsQuote" data-ipsquote=""><div>
void SDL_Delay(Uint32 ms)
</div></blockquote>
 
paramètre:
<ol><li>le nombre de milisecondes</li>
</ol>SDL_Quit();
fonction qui ferme la sdl
<blockquote class="ipsQuote" data-ipsquote=""><div>
void SDL_Quit(void)
</div></blockquote>
 
explication :
si vous lancez ce code, vous devriez avoir une fenêtre noire pendant 2 secondes.
 
c'est tout à fait normal.
à bientôt

Azad

Très très bon tutoriel, titre modifié à ta demande. 
+1 point de rep.

Azad

Message automatiqueLe sujet a été déplacé de « <a data-ipb="nomediaparse" href="<base_url>/index.php/forum/51-informatique/">Informatique</a> → <a data-ipb="nomediaparse" href="<base_url>/index.php/forum/105-autres-divers-d%C3%A9couvertes/">Autres / Divers / Découvertes</a> » to « <a data-ipb="nomediaparse" href="<base_url>/index.php/forum/38-programmation/">Programmation</a> → <a data-ipb="nomediaparse" href="<base_url>/index.php/forum/43-c/">C</a> ».

Droby

Dès que j'ai du temps j'essaye la SDL (not sql*) 2.0

Azad

J'ai toujours utilisé la version précédente, il serait temps que je m'y mette également.

vfrz

Merci pour le tutoriel

cegdd

pour la suite je vais présenter comment on affiche une image, (avec transparence, échelle et rotation) mais j'aimerais éviter la gestion des événements pour le moment donc que préféré-vous ?
<ul><li>un rayman en sprite animé qui bouge de gauche a droite de l'écran indéfiniment (<a href="https://www.youtube.com/watch?v=fTFRiKdBPec" rel="external nofollow">https://www.youtube.com/watch?v=fTFRiKdBPec</a>)</li>
<li>un chronomètre a aiguille</li>
</ul>si vous avez d'autre idée ...

Droby

Le rayman me semble plus marrant

Tiphedor

La SDL c'est bien (surtout la V2), mais ça reste du bon gros bas niveau, OpenGL c'est plus rigolo ! :3

cegdd

j'ai beaucoup pensé à apprendre OpenGl, mais j'ai pas trouvé assez d'arguments valable ^^ 
tu peux me dire ce que tu en pense ?

AlexMog

OpenGL est encore plus bas niveau, puisque la SDL se base sur openGL. (On peut utiliser la SDL uniquement pour du fenêtrage OpenGL d'ailleurs!)

Tiphedor

Je dis c'est plus rigolo, pas dans le sens c'est plus haut niveau, j'ai trouvé ça plus sympa à utiliser, même si sdl est plus accesible quand tu commence.

AlexMog

<blockquote class="ipsQuote" data-cite="Tiphedor" data-ipsquote="" data-ipsquote-contentclass="forums_Topic" data-ipsquote-contentcommentid="8175" data-ipsquote-contentid="595" data-ipsquote-contenttype="forums" data-ipsquote-timestamp="1401534154" data-ipsquote-username="Tiphedor"><div>
<div>
Je dis c'est plus rigolo, pas dans le sens c'est plus haut niveau, j'ai trouvé ça plus sympa à utiliser, même si sdl est plus accesible quand tu commence. 
</div>
</div></blockquote>
Je me suis mal exprimé, je veux dire qu'avec de la SDL, tu peux gérer les fenetres pour ajouter OpenGL (puisque SDL utilise OpenGL, alors tu peux appliquer OpenGL sur SDL ).
OpenGL est un simple outil de calcul, ce n'est pas lui qui fait le fenetrage

cegdd

et qu'est-ce qu'il m'apportera ? a part un accès plus bas niveau.

Alemort

Très bon tutoriel pour passer de la SDL 1.2 à la SDL 2.0 
 
Je vais lire le second.

AlexMog

<blockquote class="ipsQuote" data-cite="cegdd" data-ipsquote="" data-ipsquote-contentclass="forums_Topic" data-ipsquote-contentcommentid="8180" data-ipsquote-contentid="595" data-ipsquote-contenttype="forums" data-ipsquote-timestamp="1401560704" data-ipsquote-username="cegdd"><div>
<div>
et qu'est-ce qu'il m'apportera ? a part un accès plus bas niveau.
</div>
</div></blockquote>
La SDL Bypasse OpenGL pour en faire de la 2D (OpenGL permet aussi de faire de la 3D), en utilisant la SDL en temps que fenetrage, tu peux donc faire de la 3D.

NodeBB

[TUTO] SDL 2.0