====== Fiche Appinventor : comment déplacer un personnage ? ======
===== Principe =====
**Déplacer** un personnage consiste à le toucher avec le doigt et à le déplacer en **glissant** le doigt sur l'écran. Mon personnage va **suivre** le déplacement de mon doigt.
Pour cette fiche, j'utilise le personnage d'Annie.
===== Je choisis l'image d'Annie =====
Je choisis l'image d'Annie que je vais utiliser :
* Annie va lancer une flèche (fichier **archer.png**) {{ :icn:archer.png |}}
===== Je crée la scène pour Annie =====
Je dessine l'écran de mon App en ajoutant dans l'interface:
* un cadre appelé **Cadre1** dans lequel va se trouver Annie ;
* un lutin appelé **ImageLutin1** qui représente Annie ;
==== Je ne sais comment faire ! ====
Je ne sais comment faire ! Regarde ce document [[icn:app_taupe_aide|Comment créer l'écran du jeu]]
Je modifie les propriétés du Lutin pour donner à Annie l'image **archer.png** j'ai téléchargée dans la partie Média :
{{ :icn:ficheanimation_03.png |}}
Je dois obtenir :
{{ :icn:ficheanimation_04.png |}}
===== Je déplace Annie =====
Maintenant je veux qu'Annie se déplace en faisant glisser mon doigt sur l'écran :
Je choisis pour cela les actions suivantes :
* je **touche** l'image d'Annie ;
* je fais **glisser** mon doigt et Annie se déplace en **suivant** mon doigt.
Pour cela je vais utiliser les fonctions de création de **blocs d'action**.
* Dans la **barre de menu** du projet je clique sur le bouton **Blocs** :
{{ :icn:appinventormenu_01.png |}}
* Je sélectionne à gauche, dans la partie blocs le **composant Annie** :
* {{ :icn:ficheanimation_05.png |}}
Dans l'interface apparaît une liste de ce que je peux demander à l'App de faire.
* Je choisis l'action **quand Annie.Glissé** que je dépose dans la zone de création des actions :
{{ :icn:ficheanimation_09.png |}}
* Je sélectionne à nouveau à gauche, dans la partie blocs le **composant Annie**;
* J'ajoute l'action **appeler Annie.Aller à** pour obtenir :
{{ :icn:ficheanimation_10.png |}}
{{ :icn:ficheanimation_11.png |}}
===== Je teste =====
Et maintenant je teste ...
==== Les fiches Appinventor ... ====
[[icn:app2fiches|Je reviens à la liste des Fiches Appinventor.]]