
Nous allons voir dans ce tuto comment animer le déplacement de notre personnage selon les directions choisies.
Bonjour à toutes et à tous, MakeuseGameuse et MakeurGameur,
Dans l'épisode précédent (ici ), nous avons intégré le personnage dans la map. Vous pouvez grâce au bouton "Aperçu", bouger le personnage mais il manquait les animations de déplacement selon les directions voulues.
Pour ce faire, double cliquez sur "personnage" et "Ajouter une Animation +". Les images que vous ajouterez correspondent aux lignes 9 à 12 ou au "Tile104" jusqu'au "Tile151". Pour plus d'info, voir ce Tuto "Créer "

Suivez l'exemple de l'image suivante :

L'animation #1 doit correspondre au déplacement de droite,
L'animation #2 doit correspondre au déplacement du bas,
L'animation #3 doit correspondre au déplacement de gauche,
L'animation #4 doit correspondre au déplacement du haut.
Libre à vous de choisir la vitesse d'animation en cliquant sur "aperçu" à côté du chronomètre.
Ensuite cliquer sur l'onglet "Comportement" et "Ajouter un comportement +".

Suivez les instructions suivantes :

Encore une fois, libre à vous de mettre des valeurs aléatoires pour voir comment réagit le personnage.
Une fois les animations en place, validez et directions "Les Evènements" pour entrer dans le vif du sujet.

Maintenant je vais "essayer" de vous expliquer avec mes mots, car j'ai fait beaucoup d'essaie et de recherche avant de vous montrer la version finale pour les déplacements. Encore une fois, je ne suis pas un expert, je suis juste curieux et j'adore partager mes découvertes.
A gauche il y a les "Conditions" et à droite les "Actions".

Ici dans les conditions, nous demandons à ce que le personnage bouge selon les directions par défauts du clavier qui sont les touches directionnelles.

Ce signe (au dessus) signifie "Le Contraire" et pour notre exemple cela signifie "lorsque le personnage ne bouge pas".
Concernant les actions, elles peuvent fonctionner selon une condition ou sans condition.
Dans notre exemple l'action qui résulte "lorsque le personnage bouge" active l'animation #1 du personnage qui correspond à l'animation du mouvement à droite. Souvenez-vous du cercle trigonométrique que je vous ai posté dans l'encadré jaune et retenez le.
Dans action : "Change le numéro de l'animation de personnage: défini à 1+ round(personnage.TopdownMovement::Angle()/90)" ; signifie : lorsque l'on appuie sur la touche de droite qui correspond à 0°, cela vas engendrer l'animation #1.
Si on appuie sur la touche bas, qui correspond à 90°, cela vas engendrer l'animation #2 et ainsi de suite.
Ces exemple ne sont que pour des angles séparés de 90°. Mathématiquement parlant on peut traduire par 1+(Direction/90) = Numéro de l'Animation, ou "Direction" correspond à la valeur de l'angle et "Numéro de l'Animation" à la valeur de l'animation dans les proprités du "personnage".
Si on veut déplacer le personnage en diagonale, on ne prendra plus des angles de 90° mais de 45° et l’Événement de l'action sera la suivante : "Change le numéro de l'animation de personnage: défini à +1 round(personnage.TopdownMovement::Angle()/45)". Mathématiquement parlant cela donne 1+(Direction/45)=Numéro de l'Animation.
Voici une image pour illustrer mes explications :

Enfin lorsque le personnage ne bouge pas et que l'on appuie sur aucune touche l'animation #0 sera activée.
Et voilà vous savez maintenant (je l’espère et je le souhaite) animer et déplacer votre personnage, Youpie !!!
Bon il faut dire que votre personnage marche partout même hors de la map et même sur les objets (maison, arbre et même l'eau, mais ce n'est pas Jésus ) et que la caméra reste fixe.
Dans le prochain Tuto, nous verrons comment mettre en place le tracking de la caméra pour suivre le personnage et comment empêcher votre personnage d'être Super Man ou Jésus.