Accueil logo MakeYourGame gachetteG gachetteD paddleG paddleH paddleD paddleB buttonG buttonH buttonD buttonB

Animer le déplacement d'un personnage #NoobLand #Gdevelop #3

NoCode

Nous allons voir dans ce tuto comment animer le déplacement de notre personnage selon les directions choisies.

6 min Débutant

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 "

Il est important de bien mettre les animations dans l'ordre de l'exemple, car Gdevelop vas calculer les animations dans le sens des aiguilles d'une montre et  selon les degré d'un cercle https://makeyourgame.fun//upload/users/Lyxyz/Animerperso/degredeplacement-5eb9495f889b1.jpeg

Suivez l'exemple de l'image suivante :

https://makeyourgame.fun//upload/users/Lyxyz/Animerperso/ajoutanimation-5eb94d4032617.jpeg

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 +".

https://makeyourgame.fun//upload/users/Lyxyz/Animerperso/choixcomportement-5eb969cb1caca.jpeg

Suivez les instructions suivantes :

https://makeyourgame.fun//upload/users/Lyxyz/Animerperso/comportementdecochez-5eb96a19152da.jpeg

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.

https://makeyourgame.fun//upload/users/Lyxyz/Animerperso/playercontrol-5eb95fceabda1.jpeg

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".

https://makeyourgame.fun//upload/users/Lyxyz/Animerperso/evenementbouger-5ebac0c9ba9f6.jpeg

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

https://makeyourgame.fun//upload/users/Lyxyz/Animerperso/inversion-5eb972bdca5a0.jpeg

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 :

https://makeyourgame.fun//upload/users/Lyxyz/Animerperso/degredeplacement90et45-5ebadc062127f.jpeg

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 !!! https://makeyourgame.fun/sceditor/emoticons/grin.png https://makeyourgame.fun/sceditor/emoticons/w00t.png

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  https://makeyourgame.fun/sceditor/emoticons/grin.png ) 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.

Vues: 345

Connectez-vous pour applaudir applause logo 0 claps

Validation du Tutoriel

Veuillez vous connecter ou créer un compte pour pouvoir valider ce tutoriel et ainsi gagner stardust et XP !

Vous aimerez aussi...

Blog et Tutoriels

×