Différences

Ci-dessous, les différences entre deux révisions de la page.

--- aseba:seances-4-5 [2018/11/14 14:15] – [Pixelliser et coder une image EN NIVEAUX DE GRIS (16)] cyrille
+++ aseba:seances-4-5 [2019/07/17 17:24] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 1: / Ligne 1: @@
-====== Programmation et robotique en classe. Séances 4 et 5 ======
+====== Programmation et robotique en classe. Séances 4 et 5. Encoder une image. ======
+Basé sur le [[http://www.fondation-lamap.org/fr/123codez|livre 1,2,3 Codez]], présentation des activités menées en classe.
 =====Inducteur =====
@@ Ligne 61: / Ligne 62: @@
 Cf section Ressources pour des utilitaires en ligne de **Pixel-Art** et **fiche Ressources 18** avec grilles de **la fiche 17**.
+===== Pixelliser et coder une image NOIR ET BLANC (2)=====
+Réinvestissement de la séance précédente.
+On distribue aux élèves les **fiches 39** et **40**.
+Et on leur demande à l'aide d'un calque de reproduire une figure sur une grille de leur choix.
+On mutualise les productions et réinvestit les notions de pixel et de résolution.
+On rappelle les règles de l'encodage, c'est à dire  **0 pour le blanc** et **1 pour le noir**.
+Ensuite sur un éditeur de fichier le plus simple (**mousepad**, **leafpad**, **xed**... sous **Linux** ou **Notepad** sous **Windows**), ils encodent leur dessin en respectant
+//**Première ligne : Nom du fichier. Exemple P1
+Seconde ligne : Taille de ligne Longueur par Largeur
+Troisième : Encodage ligne par ligne
+**//
+Ensuite on ouvre ce même fichier dans un visualisateur d'image (exemple : **xnView**).
+|{{ :aseba:capture_d_ecran_2018-11-21_16-54-04.png?200|}}|{{:aseba:capture_d_ecran_2018-11-21_16-51-04.png?200 |}}|
+<WRAP center round tip 60%>
+Je recommande [[https://www.xnview.com/fr/|xnView]] car il ne "lisse" pas les pixels et permet de garder un zoom avec des pixels réellement noirs ou blancs de forme carrée.
+</WRAP>
+__**Objectifs :**__
+  * une image n'est qu'un fichier texte contenant un code couleur pour chacun de ses pixels.
+  * Plus il y a de pixels, plus l'image est nette (résolution).
@@ Ligne 68: / Ligne 103: @@
 ===== Pixelliser et coder une image COULEUR =====
+Séance à venir
 ===== Ressources =====
   * __Les fiches 1 2 3 Codez__
@@ Ligne 74: / Ligne 109: @@
   * {{ :aseba:fiche_17.pdf |}}
   * {{ :aseba:fiche_18.pdf |}}
+  * {{ :aseba:fiche_39.pdf |}}
+  * {{ :aseba:fiche_40.pdf |}}
   * __Petit logiciel pour pixeliser une image__
   * [[http://castor-informatique.fr/questions/lamap/demo_guide_lamap.html]]
   * __Des logiciels de "pixel art" en ligne__
   * [[http://www.makepixelart.com/free/|Make Pixel Art]]
   * [[http://pix-attack.com/editeur-pixel-art|Pix Attack]]
+<WRAP center round tip 60%>
+**Sous Linux** : pour le codage RGB, utiliser en parallèle les utilitaires **gpick** ou **gcolor2**
+<code>
+aptitude search gpick gcolor2</code>
+Des équivalents existent pour **windows** et **Mac**
+</WRAP>

Cyrille BIOT

Outils pour utilisateurs

Outils du site

Différences

Outils de la page