Discussion :

[Alma9]

Bonjour,

J'essaie de comprendre comment ol faut faire pour animer une image et là c'est le drame. J'utilise le langage C avec la SDL2 et le tuto que j'ai trouvé l'explique en C++ (je crois) avec la SDL1. J'avoue que je suis perdu, je n'arrive pas à faire la transition entre les deux. Est ce qu'il y a un tuto qui l'explique pour le C quelque part ou auriez vous un code (le plus simple possible) d'animation d'une image que je puisse essayer de comprendre comment c'est fait. Ou peut être un début de piste.

[Bousk]

Salut,

le secret c'est qu'une image ne s'anime pas. Ce qui fait une animation c'est la succession d'images. Dessine plusieurs etapes du mouvement et passe de l'une a l'autre toutes les X frames.

[Alma9]

Oui j'ai vu ça, si je ne me trompe pas, dans le cas ou on prend une image qui regroupe la décomposition du mouvement (comme l'image du chat sur le tuto du site),

il faut la traiter comme un tableau et allé chercher l'image dans le tableau qui correspond à ce qu'on veut et ensuite les afficher au bon moment. C'est la théorie, c'est pour la mise en pratique que je comprends pas.

[Kannagi]

Un peu difficile de t'aider sans dire ce qui te bloque , deja si tu a un fps constant , ensuite il te suffit juste d'afficher un bout de l'image et de le faire défiler toute les x frames

[Mat.M]

il faut la traiter comme un tableau et allé chercher l'image dans le tableau qui correspond à ce qu'on veut et ensuite les afficher au bon moment. C'est la théorie, c'est pour la mise en pratique que je comprends pas.

lorsqu'on fait un programme informatique c'est comme un problème de mathématiques il faut au besoin poser le problème sur papier et avoir au besoin de la méthode .

Donc pour créer une animation avec 6 images "cadres" ( frames en anglais ) on va procéder par ordre
il y a deux lignes de 3 personnages
il faut déclarer un tableau de type SDL_RECT et ensuite faire une boucle qui lise la première ligne
mettons que chaque chat soit de taille 90*130 pixels ( j'ai fait cette mesure avec un Paint Shop Pro logiciel de dessin)
Cette boucle sera du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
int i;
int x;
int y;
SDL_RECT tableau_rectangles[6];
int pointeur_frame=0;
( for i=0;i<3;i++)
{
x=i*90;
y=0;
tableau_rectangles[pointeur_frame].x=x;
tableau_rectangles[pointeur_frame].y=y;
tableau_rectangles[pointeur_frame].w=90;
tableau_rectangles[pointeur_frame].h=130;
}
// on recommence pour la deuxième ligne
( for i=0;i<3;i++)
{
x=i*90;
y=130;
tableau_rectangles[pointeur_frame].x=x;
tableau_rectangles[pointeur_frame].y=y;
tableau_rectangles[pointeur_frame].w=90;
tableau_rectangles[pointeur_frame].h=130;
pointeur_frame++;
}
 
}

j'ai écris cela vite fait bien fait on peut faire deux boucles imbriquées
Donc là on a initialisé les "frames"
ensuite il faut déclarer un Timer avec SDl_AddTimer() voir la doc sur le site de la SDL
ensuite appeler SDL_GetTicks voir la doc il y a un excellent exemple ;
il faut gérer le delta entre deux mesures de temps
Lorsqu'on passe le delta de temps il faut afficher le SDL_RECT mais en gérant avec un pointeur d'animation et en l'incrémentant à chaque fois
Faire attention de ne pas dépasser le tableau; donc ici le pointeur =6 il faut le remettre à zéro

[LittleWhite]

Bonjour,

Je suis actuellement sur l'écriture d'un article sur ce sujet. Il n'est pas finalisé, disons que je propose ici une version alpha pour vous débloquer. N'hésitez pas à m'en faire des retours par MP.
Sinon, pour le reste, je pense que tout a été dit dans la discussion, donc, s'il vous reste des problèmes, il faudra nous les expliquer plus précisément.

[Alma9]

Super, il y a tout ce qu'il faut pour que je comprenne. Je vais me concentrer la dessus et j'espère m'en sortir (ça risque de prendre un moment ). Un grand merci à vous tous.