Les cours du BTS SIO

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
====== 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 ! ====
<WRAP center round info >
Je ne sais comment faire ! Regarde ce document [[icn:app_taupe_aide|Comment créer l'écran du jeu]]
</WRAP>

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 ... ====
<WRAP center round info >
[[icn:app2fiches|Je reviens à la liste des Fiches Appinventor.]] 
</WRAP>