[[cours:start|Cours]] - [[cours:4eme]] - Numérisation de l'information [TP1]
======Créer mon Avatar======

=====Dessin de l'Avatar=====
<WRAP todo>Je veux dessiner une image au format PNG de 12 X 12 pixels et 4 couleurs de mon Avatar.</WRAP>

Sur une feuille quadrillée, je fais un brouillon du dessin que je veux réaliser. Je note les 4 couleurs que je veux utiliser parmi la palette VGA.

Je me rend sur le site [[https://www.piskelapp.com/]] et je suis la procédure suivante pour réaliser mon image.

  - Je clique sur "Create Sprite/Créer mon Avatar" pour lancer l'application.
  - Dans la barre de boutons verticaux à droite, je clique sur "Resize/Dimensionner" et j'indique 12 pixels pour "Width/Largeur" et "Hight/Hauteur". Pour finir, je clique sur "Resize/Redimensionner".
  - Dans le cadre "Palettes" à droite, je clique sur "Create a new Palette/Créer une nouvelle palette" et dans la nouvelle fenêtre, je définis les 4 couleurs de la palette VGA que je veux utiliser.Pour finir, je clique sur "save/Enregistrer". Je peux choisir des couleurs proches ou indiquer le code #rrvvbb pour avoir la couleur exacte.
  - Dans la barre d'outils à gauche, je sélectionne "Pen tool/Outil crayon".
  - Je dessine dans la zone centrale mon Avatar en utilisant les couleurs sélectionnées précédemment. Tous les pixels doivent avoir reçu une couleur.
  - Dans la barre de boutons verticaux à droite, je clique sur "Save/Sauvegarder" puis sur "Save as .piskek/Sauvegarder sous" puis "Enregistrer le fichier". C'est une sauvegarde qui permettra de modifier plus tard l'Avatar si besoin.
  - Dans la barre de boutons verticaux à droite, je clique sur "Export/Exporter" puis je règle "Scale/Échelle" à 10 avant de cliquer sur l'onglet PNG puis le bouton "Download/Télécharger". Je sélectionne "Enregistrer le fichier" avant de cliquer sur OK.
  - Je peux quitter l'application.

Les 2 fichiers ont été placés dans le dossier "Téléchargement de l'ordinateur. Je vais changer leur nom en "Avatar" sans modifier l'extension ".piskel" et ".png". Je les déplace, ci besoin, dans mon espace personnel.

Je peux contrôler le résultat en double cliquant sur le fichier "Avatar.png".
|  {{ :cours:avatar.jpg?600 |}}  |
^  Mon travail dans Piskel  ^

=====Numérisation de l'Avatar=====
<WRAP todo>Je veux numériser les informations de mon Avatar afin qu'il puisse être dessiné automatiquement par un programme SCRATCH.</WRAP>

Pour créer le fichier contenant les informations utiles, je fais un clic droit dans mon espace personnel, puis je sélectionne "Nouveau" et enfin "Document texte". Je nomme le fichier "Avatar.txt".

J'utilise le fichier "Avatar.png" comme guide.

Je double clique sur le fichier pour l'ouvrir. J'écris ligne par ligne les informations utiles.

Lorsque j'ai noté les couleurs des 144 pixels, j'enregistre le fichier.

|  {{ :cours:numimg.jpg?600 |}}  |
^  Le contenu du fichier Avatar.txt  ^

=====Dessin automatisé de l'Avatar=====
<WRAP todo>Je contrôle le résultat de mon travail en faisant dessiner mon Avatar par un programme SCRATCH en lien ci-dessous.</WRAP>

Le résultat doit être identique aux couleurs près. 

  - Je clique sur le lien ci-dessous pour ouvrir le programme SCRATCH.
  - Je clique sur "Voir à l'intérieur"
  - Je fais un clic droit sur la liste "Avatar" dans l'écran à gauche.
  - Je sélectionne "Importer" et je vais chercher mon fichier "Avatar.txt".
  - Je clique sur le drapeau vert pour lancer le programme.
  - Je clique sur 'a' pour faire afficher mon Avatar.

<WRAP info> J'ai numérisé l'image que j'ai dessinée sur le site PiskelApp en respectant les règles vues en cours. 

Si mon Avatar s'affiche identique à ce que j'ai créé dans Piskel, j'ai réussi. 
Tester ma liste : [[https://scratch.mit.edu/projects/264591072/|Avatar.txt -->]]</WRAP>

=====Bilan=====
<WRAP tip> **Pour aller plus loin**
Les principales couleurs sont identifiées par un nom et un numéro  (ex. la palette VGA). Dans le codage RVB, elles se définissent à partir d'une quantité de rouge, de vert et de bleu. 

Une image est définie par le type de palette utilisée, sa largeur et hauteur en pixel ainsi que la liste des couleurs de chaque point.

Les images sont affichées à l'aide de programme informatiques qui reconstituent l'image.</WRAP>