Configurer pour mobile​ GDevelop

Sur cette page, tu trouveras :

CrƩer un calque UI

Avant de commencer, il est recommandĆ© d’avoir consultĆ© la partie coder son jeu. Cela te permettra de mieux comprendre les Ć©vĆ©nements utilisĆ©s dans cette section.

Sur mobile, on ne peut pas utiliser de clavier. On va donc ajouter un joystick pour contrƓler le hƩros avec des boutons.
Il est aussi possible de crƩer des jeux sans boutons, pour des jeux plus simples qui utilisent seulement des clics ou des glisser-dƩposer avec le doigt.

Ajouter un nouveau calque

Avant d’ajouter le joystick, il faut crĆ©er un calque spĆ©cial.

Ce calque servira Ć  afficher :

  • les boutons
  • le joystick
  • les informations du jeu (score, vie…)

On appelle ce calque UI (interface utilisateur)

CrƩe un nouveau calque au-dessus des autres et nomme-le UI. Et clic sur le rond pour dire que tu veux mettre les objet suivant sur ce calque.

Ce calque reste toujours visible Ć  l’écran, mĆŖme quand le joueur se dĆ©place.

gdevelop-mobile

Ajouter le joystick

Où trouver le joystick dans GDevelop

Pour ajouter un joystick, tu dois passer par les ressources de GDevelop.

Commence par crƩer un nouvel objet. Ensuite, clique sur Nouvel objet Ơ partir de zƩro.
Sélectionne : Joystick multitouch

gdevelop-z-joytick

Tu vas trouver des éléments de contrÓle pour mobile. Choisis un joystick, puis clique sur Ajouter à la scène

GƩrer les calques avec le joystick

Une fois le joystick ajoutĆ© au projet, il faut bien organiser les calques !Ā Ce calque est rĆ©servĆ© uniquement Ć  l’interface (boutons, joystick, score…).

  1. Pour Ć©viter de mettre d’autres objets dessus par erreur, tu peux clic sur leĀ Cadenas sur ce calque UI.
  2. Ensuite, tu dois revenir sur le calque principal du jeu pour continuer Ć  placer tes objets (personnage, dĆ©cor…).
gdevelop-calque-cadenas

Astuce : VƩrifier le bon calque

  • Tu peux cliquer sur l’icĆ“neĀ Å“ilĀ pour afficher ou cacher un calque.
  • Cela permet de vĆ©rifier facilement sur quel calque tu travailles.
gdevelop-calque-oeil

Ajouter le comportement joystick

Une fois l’objet ajoutĆ© :

  • sĆ©lectionne le joystick
  • clique sur Ajouter un comportement

Cherche le comportement lié au joystick ou aux contrÓles tactiles et ajoute-le à ton objet.

Voici le joystick pour un plateformer

Voici le joystick pour un Vue du dessus

gdevelop-mobilejoystick2

Coder le mouvement

Aller dans la feuille d’évĆ©nements

Maintenant, on va coder les dƩplacements.

Va dans l’onglet ƉvĆ©nements en haut de l’écran. Clique sur Ajouter un nouvel Ć©vĆ©nement.

Le principe reste le mĆŖme qu’un code basique :

SI une condition est vraie → ALORS une action se produit

Dans notre cas :

  • SI le joystick est poussĆ© vers le haut
  • ALORS le vĆ©hicule se dĆ©place vers le haut
Les exemples suivants sont pour un jeu vue de dessus, il faudra adapter pour un jeu type plateformer.

Ajouter une conditionĀ 

Clique sur Ajouter un evenement.Ā 

  • SĆ©lectionne ton joystick.
  • Ensuite, cherche l’option :Ā une direction du joystick est pressĆ©e (par exemple vers le haut)
gdevelop-mobilejoystick-gif

Ajouter une action

Clique maintenant sur Ajouter une action.Ā 

  • SĆ©lectionne ton hĆ©ros (le personnage qui doit bouger).
  • Puis va dans son comportement de dĆ©placement (ex : Top-down movement).
  • Choisis :Ā Simuler l’appui sur une touche
  • Ensuite, sĆ©lectionne la direction correspondante (par exemple : haut).

Ā 

gdevelop-mobilejoystick-gif2

RƩsultat

Quand tu bouges le joystick vers le haut :

  • Le jeu simule l’appui sur la touche
  • Et ton personnage avance vers le haut
gdevelop-mobilejoystick-gif3

Tu peux refaire la mĆŖme chose pour :

  • bas
  • gauche
  • droite
Retour en haut