Cadre photo Neopixel pour pixel art : Différence entre versions

Ligne 11 : Ligne 11 :
 
|Cost=10
 
|Cost=10
 
|Currency=EUR (€)
 
|Currency=EUR (€)
|Tags=LED, NeoPixels, Pixel Art, Cadre photo
+
|Tags=LED, NeoPixels, Pixel Art, Cadre photo, Matrice
 
}}
 
}}
 
{{Introduction
 
{{Introduction
 
|Introduction=<translate></translate>
 
|Introduction=<translate></translate>
 
}}
 
}}
{{Materials}}
+
{{Materials
 +
|Tuto_Attachments={{Tuto Attachments
 +
|Attachment=Cadre_photo_Neopixel_pour_pixel_art_test_de_la_matrice_arduino.ino
 +
}}
 +
}}
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=<translate>Raccorder la matrice à l'arduino</translate>
 
|Step_Title=<translate>Raccorder la matrice à l'arduino</translate>
|Step_Content=<translate></translate>
+
|Step_Content=<translate>La première chose à faire est de réaliser le raccordement entre la matrice et l'arduino nano (ou uno/leonardo) pour qu'il puisse communiquer.
 +
 
 +
 
 +
Il existe plusieurs modèle de matrice de LED adressage (ws2812b). De manière générale elle sont structurés de la même manière :
 +
 
 +
<br />
 +
 
 +
* Un câble qui achemine les information (Data In and Data Out)
 +
* Un câble qui achemine le courant (VCC ou 5V)
 +
* Un câble qui ferme le circuit en ramendant à la terre (Ground ou GND)
 +
 
 +
<br />{{Pin|• Le cable VCC est à raccorder au 5V de l'arduino
 +
 
 +
•  Le cable GND est à raccorder au Ground de l'arduino
 +
 
 +
•  Le cable DI doit être raccorder à la PIN 6 (pour fonctionner avec les codes proposer dans ce tutoriel).
 +
 
 +
•  Le cable DO sers à raccorder une matrice avec une autre matrice. Dans se cas le DO de la matrice 1 doit être connecter avec le DI de la matrice 2.}}<br /></translate>
 
|Step_Picture_00=Cadre_photo_pour_pixel_art_Capture_d_e_cran_2021-12-15_a_15.29.50.png
 
|Step_Picture_00=Cadre_photo_pour_pixel_art_Capture_d_e_cran_2021-12-15_a_15.29.50.png
 
}}
 
}}

Version du 16 décembre 2021 à 14:09

Auteur avatarrizzo.tonino@gmail.com | Dernière modification 16/12/2021 par Toni2Tech

Cadre photo pour pixel art IMG 3072.jpg
Il s'agit d'un petit cadre photo, tout à fait ordinaire vue de l'extérieur, mais abritant en son sein une matrice de LED capable d'afficher de petits dessins en Pixel art.

Le cadre est recouvert d'une feuille de papier, ce qui lui donne un rendu organique et "naturel" à la manière du e-paper.

Très simple à utiliser et esthétique, cet objet est également adapté à un usage en atelier, ou les participant pourront dans un premier temps apprendre à faire de petite oeuvre en pixel art sur GIMP puis les afficher chez eux ou sur leur bureau grâce à ce cadre ?

Étape 1 - Raccorder la matrice à l'arduino

La première chose à faire est de réaliser le raccordement entre la matrice et l'arduino nano (ou uno/leonardo) pour qu'il puisse communiquer.


Il existe plusieurs modèle de matrice de LED adressage (ws2812b). De manière générale elle sont structurés de la même manière :


  • Un câble qui achemine les information (Data In and Data Out)
  • Un câble qui achemine le courant (VCC ou 5V)
  • Un câble qui ferme le circuit en ramendant à la terre (Ground ou GND)

• Le cable VCC est à raccorder au 5V de l'arduino

• Le cable GND est à raccorder au Ground de l'arduino

• Le cable DI doit être raccorder à la PIN 6 (pour fonctionner avec les codes proposer dans ce tutoriel).

• Le cable DO sers à raccorder une matrice avec une autre matrice. Dans se cas le DO de la matrice 1 doit être connecter avec le DI de la matrice 2.




Étape 2 - Intégrer la matrice au cadre photo

Étape 3 - Dessiner un pixel art de 8x8 pixels

Salut


<iframe width="560" height="315" src="https://www.youtube.com/embed/AOJzHwhvWnQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


Étape 4 - ALTERNATIVE : Redimensionner une image en 8x8 pixels

La première option est de redimensionner une image/photo existante en 8x8 pixel.


  1. Télécharger et installer GIMP à cette adresse
  2. Pour cette exemple j'ai télécharger une image depuis la banque d'image libre de droit pixabay.com
  3. Ouvrir l'image en question dans GIMP (ctrl + o)
  4. Redimensionner l'image dans un format carré (Shift + C)
    1. 🚨Cocher l'option "supprimer les pixels découpés"
    2. 🚨Cocher l'option "proportion fixe", avec le ratio 1:1
  5. Changer la taille de l'image. Image►Echelle et taille de l'image
  6. Changer la taille de l'image pour 8px par 8px
  7. Exporter. Fichier►Exporter sous►Choisir PNG►Renommer1.png
S'il s'agit d'une série d'image ou de dessin, nommer les fichiers comme suis : "nom1.png, nom2.png, nom3.png, etc."
S'il n'y a qu'une seule image il est nécéssaire de la nommer "nom1.png"....



Étape 5 - Convertir cette image en un code Arduino Grâce


Étape 6 - Téléverser le code

Commentaires

Draft