Logo Makeyourgame
Accueil Les formations Créer un jeu Les ateliers Les tutoriels Blog Loterie
Logo Makeyourgame
Les formations Les financements Les exercices La certification Unity
Logo Makeyourgame
Mes objectifs Les jeux Les ressources Le glossaire
Logo Makeyourgame
Les tutos Les tutos Youtube

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

pictureProfil_Lyxyz
Ecrit par Lyxyz
Catégorie NoCode
Mis à jour le 14/05/2020
Animer le déplacement d'un personnage #NoobLand #Gdevelop #3

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

5 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: 3044

Licence:



Validation du Tutoriel

Veuillez vous connecter ou créer un compte pour pouvoir valider ce tutoriel et ainsi gagner de l'expérience (XP) !

Vous aimerez aussi...

Blog et Tutoriels

Créer un Jeu Vidéo quand on ne sait pas coder  #NoobLand

Créer un Jeu Vidéo quand on ne sait pas coder #NoobLand

par Lyxyz

Comment créer un jeu vidéo sans coder ? Tu veux créer un jeu mais tu ne sais pas coder, tu ne connais pas les étapes, tu te dis que c'est pour les gens qui sont fort en mathématique ou premier de la classe ? FAUX FAUX FAUX. 

Petite Intro au débutant comme moi qui souhaite créer sans coder. 

applause logo3