====== Créer le projet du Jeu des différences ======
Je me connecte au site [[http://ai2.appinventor.mit.edu/|AppInventor]] avec le **compte de mon équipe**.

==== Je commence un nouveau projet ====
  * Je clique sur le bouton **Commencer un nouveau projet**
{{  :icn:appinventor_05.png |}}
  * Je donne le nom **Difference** au nouveau projet et je clique sur le bouton **OK**
{{ :icn:diff_14.png |}}
==== J'importe mes deux images ====
  * Dans la partie Média, je charge mes deux fichiers **image1.png** et **image2.png**.
 {{:icn:diff_16.png|}} {{ :icn:diff_17.png|}}
==== Je crée le premier écran ====
Je **dessine l'écran** de mon App en ajoutant dans **l'interface**:

  * un cadre appelé **Cadre1** choisi dans la palette **Dessin et animation** ;
{{ :icn:diff_15.png |}}
  * je modifie les propriétés de mon cadre **Cadre1** pour que :
      * ses dimensions soit de 310 pixels en **largeur** et 350 pixels en **hauteur**  ;
      * l'image de fond soit mon **image2.png**.
{{ :icn:diff_18.png |}}
     
J'ajoute des lutins **là où se trouve les différences** :
  * un lutin appelé **ImageLutin1** qui représente la première différence et je le place au-dessus du grain manquant;
  * un lutin appelé **ImageLutin2** qui représente la deuxième différence et je le place sur l'oeil ;

J'ajoute des lutins pour **monter les coupes** si je réussis à trouver les différences :
  * un lutin appelé **ImageLutin3** si je réussis à trouver la première différence ;
  * un lutin appelé **ImageLutin4** si je réussis à trouver la deuxième différence ;

J'ajoute aussi : 
  * un label appelé **Label1** qui affiche **Score : ** pour indiquer mon score ;
  * un bouton appelé **Bouton1** qui affiche **Indice** pour afficher la première image.
{{ :icn:diff_20.png |}}

===== J'utilise un chronomètre =====

Dans la palette :
  * Je recherche le composant **horloge** et je l'ajoute dans l'interface.
  * Le composant horloge est dans le groupe **Capteur** de la palette.

Le composant **Horloge** est un composant non-visible.

{{ :icn:diff_22.png |}}
  * Je définis un **IntervalleChronomètre** de 2000 ms (2 secondes)  :

{{ :icn:diff_23.png |}}
==== Je continue la création de mon app du jeu des différences avec AppInventor ... ====
<WRAP center round info >
[[.:appdifference_app|Je continue la création de mon app avec AppInventor]] 
</WRAP>