Animer les front et back sprites des Pokémon et des dresseurs

On sait tous que les sprites des versions GBA sont inanimés (sauf pour les fronts d'Émeraude), je me propose donc de vous apprendre à les animer pour rendre les débuts de combat un peu plus dynamiques. Suite à ce tuto, vous serez en mesure d'animer les front et back sprites des Pokémon, les sprites des dresseurs, ou encore modifier l'animation des backsprites des dresseurs (héros, Timmy, etc.). De plus, les sprites ne seront pas seulement animés en combat, mais aussi dans le menu Pokémon, et lors de l'utilisation de `showpokepic` dans un script (plutôt intéressant). Mais avant de commencer, il y a quelques restrictions que vous devez connaître : - Chaque Pokémon (seulement les Pokémon, pas les dresseurs) doit avoir le même nombre de sprites, ce qui induit une certaine quantité de travail. - Si vous animez le front des Pokémon et que ceux-ci ont X sprites, alors les back devront avoir le même nombre de sprites et posséderont la même animation (ordre et durée d'affichage, pas les mêmes sprites bien entendu). - Le combat ne peut pas démarrer tant que l'animation du Pokémon adverse n'est pas finie. En revanche, pas besoin d'attendre que l'animation du backsprite soit finie pour commencer le combat. Mais si elle n'est pas trop longue, on peut commencer le combat aussi vite que sans animation. - L'animation est rejouée quand on sort du sac ou du menu de sélection de Pokémon. Remarque : Toutes ces observations ont été faites sur RF/VF, il se peut que ce soit un peu différent sur RSE. Comme vous le constatez, ce ne sont pas des contraintes gênantes en jeu, mais je me devais de vous avertir. Ces contraintes ne sont valables que pour les Pokémon. Pour ce qui est des dresseurs, le système est beaucoup plus primitif. Un gros avantage pour les backsprites est qu'il est possible d'avoir deux parties d'animations différentes, une à l'arrivée en combat, puis l'autre quand il lance la balle. Vous l'aurez compris, il y a de quoi se faire plaisir avec de belles animations. Et si vous n'êtes pas convaincu, rendez-vous à la fin de ce tuto pour avoir un aperçu de ce qu'il est possible de faire. Remarque : Les nombres précédés d'un '#' sont en hexadécimal, sinon ils sont en décimal. Les bases de l'hexadécimal sont requises pour comprendre le tuto, mais rassurez-vous, savoir que #A = 10, #B = 11, etc. devrait suffire.

Les outils nécessaires

Votre [éditeur Hexadécimal](http://mh-nexus.de/en/hxd/) qui sera notre principal outil. [UnLz-GBA](http://www.pokemon-legendary.com/downloads/unLZ-GBA.zip) pour ajouter les sprites. Les logiciels comme NSE ou Advance sprite editor ne sont pas adaptés dans le cas présent.

Augmenter le nombre de sprites d'un Pokémon

La première étape pour créer/modifier une animation est d'augmenter le nombre de sprites de sorte à avoir au minimum 2 sprites dans des positions différentes pour un même Pokémon/dresseur/... Remarque : Certains seront tentés de parler de frame, mais comme j'utilise le mot frame pour autre chose plus loin dans ce tuto et que je voulais éviter la confusion, je me suis rabattu sur le mot sprite. Quel que soit l’élément que vous voulez animer, la méthode pour insérer les sprites est la même. Pour commencer, il vous faut une image avec vos sprites les uns sous les autres, vous devriez obtenir quelque chose comme ça :

On va maintenant l’insérer grâce à UnLz-gba. Je ne vais pas donner de détails là-dessus car je considère que c'est quelque chose d’acquis (et si ce n'est pas le cas, vous trouverez tout un tas de tuto là-dessus), en prenant bien sûr le soin de bien repointeur votre image et aussi de modifier la palette. À ce stade, vous pouvez déjà tester le jeu pour vérifier que vous avez correctement inséré le sprite. Si tout fonctionne, on continue.

Créer l'animation

Maintenant que nos sprites sont insérés, on va pouvoir s'attaquer à l'animation. Avant tout, il faut trouver un espace libre dans la rom où nous allons créer notre animation, notez l'offset, on en aura besoin par la suite. Comme vous le savez, une animation est composée de plusieurs frames, dans notre cas, chaque frame est codée sur 4 octets. `XX 00 YY 00` Les deuxième et quatrième octets doivent toujours être 00. Je ne sais pas à quoi ils correspondent mais laissez-les à 00 sous peine de voir des bugs graphiques apparaître. Le premier octet (XX) correspond à l'index du sprite à afficher (de #00 à #FF). Si je reprends mon exemple précédent, voilà comment je dois numéroter chaque sprite :

Le troisième octet (YY) correspond à plusieurs paramètres, les deux premiers bits correspondent aux flips vertical et horizontal, et les 6 derniers bits sont la durée d'affichage. Ça peut paraître compliqué mais finalement ça ne l'est pas tant que ça. Si vous n'avez pas besoin de faire de flips, il vous suffit de prendre la durée d'affichage. La durée d'affichage ne s’exprime pas en seconde mais en nombre de rafraîchissements. En sachant que la GBA est cadencée à 60 rafraîchissements/seconde, il faudra donc une durée de 60 pour que la frame reste affichée 1s. Je vais prendre un autre exemple, supposons que vous vouliez que l'image s'affiche durant 100ms, il vous suffit alors de faire un produit en croix pour savoir quelle valeur prendre : 1s -> 60 rafraîchissements 0.1s -> ?? rafraîchissements 60*0.1/1 = 6 = #6 Vous mettrez donc 06 à la place de YY. Si jamais vous voulez faire un split vertical, il vous suffit de rajouter #80 à votre durée, et pour un split horizontal #40. Remarque : L'utilité des flips est très limitée, car en combat ils ne sont pas pris en compte. Leur seule utilité est donc dans les menus, et peut-être les scripts mais je n'ai pas essayé. De plus, comme la durée n'est codée seulement sur 6 bits, on ne peut aller que de #00 à #3F, mais rien ne nous empêche de faire une seconde frame identique à la suite pour prolonger la durée d'affichage. Et voilà, on a notre première frame, on peut maintenant faire les autres à la suite. Une fois que vous avez fait toutes vos frames, il faut indiquer que l'animation est finie. Pour ce faire, il suffit de rajouter #FF FF 00 00 à la suite. En reprenant mon exemple, voilà ce que je peux obtenir comme animation : `00 00 20 00 01 00 10 00 02 00 10 00 03 00 10 00 04 00 25 00 03 00 10 00 02 00 10 00 01 00 10 00 00 00 00 00 FF FF 00 00` Remarque : Il ne faut pas oublier que les backsprites des dresseurs sont animés en 2 temps, il faut donc faire deux animations. Il ne faut pas non plus oublier que l'animation est commune à tous les Pokémon, backsprite comme frontsprite, il faut donc créer l'animation en conséquent.

Repointer

Maintenant que nous avons créé notre animation, il faut changer le pointeur de l'animation pour indiquer au jeu où se trouve la nouvelle animation. Cette fois, je vais différencier chaque cas car ils sont tous différents. Il faut donc changer le pointeur correspondant à l’élément que vous avez modifié.

Les Pokémon

Les Pokémon sont le cas le plus simple, en effet l'animation est commune à tous les Pokémon, et donc il n'y a qu'un seul pointeur pour l'animation de tous les Pokémon. Voilà un tableau avec l'offset pour chaque version :

Version	Offset
Rouge Feu	#22EDC8
Vert Feuille	#22EDA4
Rubis	#1F006C
Saphir	#1EFFFC
Émeraude	#30723C

Il vous suffit donc de modifier ce pointeur pour qu'il pointe vers votre nouvelle animation. Petit rappel : Si vous avez créé votre table à l'offset #730004, vous devez donc mettre le pointeur suivant #04007308.

Dresseur: les backs

Pour les backsprites, il y a 2 pointeurs pour chaque dresseur. Pour savoir à quel offset commence la liste de pointeurs, regardez le tableau :

Version	Offset
Rouge Feu	#234350
Vert Feuille	#23432C
Rubis	#1F4EBC
Saphir	#1F4E4C
Émeraude	#30D7FC

Chaque perso prend 8 octets, pour trouver les pointeurs de votre perso, il suffit donc de faire : "offset du tableau"+#8*#x Voilà les valeurs de x pour rf/vf : 0 - hero, 1 - heroine, 2 - type de la TV, 3 - vieil homme, 4 - Brendan, 5 - May. Par contre, je ne connais pas l'ordre des perso pour rse donc il faudra tester les différents pointeurs par vous-même. Une fois que vous avez trouvé les pointeurs de votre perso, il ne reste plus qu'à les modifier, en sachant que le premier pointeur correspond à l'animation lors de l'arrivée en combat, et le deuxième pointeur correspond au moment où il lance la balle. Remarque : Si vous utilisez les versions Rubis/Saphir ou alors Émeraude et que vous trouvez l'ordre des perso, n'hésitez pas à en faire part ici, j'éditerai le premier post en conséquent.

Dresseur: les fronts

Cette fois, il y a 1 pointeur par sprite. Voilà l'offset de la table de pointeurs pour chaque version :

Version	Offset
Rouge Feu	#233298
Vert Feuille	#233274
Rubis	#1F4554
Saphir	#1F44E4
Émeraude	#30CD28

Pour retrouver le pointeur du sprite que vous voulez animer, il faut connaître le numéro de notre sprite. Pour trouver ce numéro, je vous conseille d'utiliser A-Trainer. Sur cette image, j'ai encadré en rouge l'endroit où se trouve le numéro en question :

Ensuite, il vous suffit de faire "offset du tableau"+#4*"numéro du sprite" pour trouver l'offset du pointeur de votre sprite, il ne vous reste plus qu'à le modifier.

Exemple

Pour vous convaincre, voilà une petite vidéo de ce qu'il est possible de faire :

Pour toutes questions ou suggestions, dirigez-vous sur le topic dédié du forum.

Par Unifag