Différences entre versions de « MicroPython-ILI9341-Image565 »

De MCHobby - Wiki
Sauter à la navigation Sauter à la recherche
 
(3 versions intermédiaires par le même utilisateur non affichées)
Ligne 24 : Ligne 24 :
 
[[Fichier:MicroPython-ILI9341-Image565-11.jpg]]
 
[[Fichier:MicroPython-ILI9341-Image565-11.jpg]]
  
Commençons par la dimension:
+
* '''120 x 160 pixels''' (vous pouvez aller jusqu'à 240 x 320 ''taille maximal de l'image'')
* 120 x 160 pixels (vous pouvez aller jusqu'à  
+
* '''Sélectionnez une résolution de 72 dpi''' (point par pouce) pour l'image
 +
* '''Espace de couleur RGB''' (ou RVB en français... pour Rouge Vert Bleu)
 +
* '''Remplir l'arrière plan avec une Couleur''' (pas de transparence)
 +
 
 +
Dessinez le contenu de votre image. Une fois terminée, sélectionnez le menu '''Fichier > Exporter comme...'''
 +
 
 +
Donnez lui un nom avec l'extension '''bmp'''!
 +
 
 +
Après avoir pressé le bouton "Sauver", le programme vous affichera une boite d'option.
 +
 
 +
Dans les options, sélectionnez ensuite les options '''avancées''' suivantes:
 +
 
 +
[[Fichier:MicroPython-ILI9341-Image565-12.jpg]]
 +
 
 +
Sélectionnez:
 +
* l'encodage '''16 bits'''
 +
* la codification '''R5 G6 B5'''  (Red/Rouge 5bits, Green/vert 6 bits, Blue/Bleu 5 bits).
 +
 
 +
Voila, une image 120 x 160 pixels sauvée en R5G6B5 fait exactement 38538 octets.
 +
 
 +
Vous avez exactement la même taille? cool alors vous venez de générer une image au bon format et vous pourrez l'afficher sur l'écran :-)
  
 
{{MicroPython-ILI9341-TRAILER}}
 
{{MicroPython-ILI9341-TRAILER}}

Version actuelle datée du 24 mars 2016 à 22:05


MCHobby investit du temps et de l'argent dans la réalisation de traduction et/ou documentation. C'est un travail long et fastidieux réalisé dans l'esprit Open-Source... donc gratuit et librement accessible.
SI vous aimez nos traductions et documentations ALORS aidez nous à en produire plus en achetant vos produits chez MCHobby.

Si vous avez prêtez attention à l'article concernant la codification couleur 16 bits (aussi dite RGB565), vous savez maintenant que les couleurs RGB sont codifié avec un entier 16 bits (avec répartition 5 bits pour le rouge + 6 bits pour le pour le rouge + 5 bits pour le vert).

{{{2}}}
Crédit: AdaFruit Industries www.adafruit.com

Si vous voulez créer une image à afficher sur l'écran, vous aurez besoin de créer une image Bitmap au format RGB565.

Votre microcontrôleur est puissant mais pas au point de pouvoir décoder une image JPEG pour l'afficher sur l'écran. Le mieux est encore de préparer une image RGB565 prête à l'emploi.

Comment faire?

Dans l'exemple suivant, nous avons utilisé le logiciel de traitement d'image "The gimp" pour créer l'image suivante:

MicroPython-ILI9341-Image565-10.jpg

qui fait 120 pixels de large et 160 pixels de haut, image que nous avons utilisé pour l'afficher au centre de l'écran

MicroPython-ILI9341-Sample.jpg

Sélectionnez le point de menu Fichier > Nouvelle image... pour créer une nouvelle image.

Dans les options de l'image, faite la sélection suivante:

MicroPython-ILI9341-Image565-11.jpg

  • 120 x 160 pixels (vous pouvez aller jusqu'à 240 x 320 taille maximal de l'image)
  • Sélectionnez une résolution de 72 dpi (point par pouce) pour l'image
  • Espace de couleur RGB (ou RVB en français... pour Rouge Vert Bleu)
  • Remplir l'arrière plan avec une Couleur (pas de transparence)

Dessinez le contenu de votre image. Une fois terminée, sélectionnez le menu Fichier > Exporter comme...

Donnez lui un nom avec l'extension bmp!

Après avoir pressé le bouton "Sauver", le programme vous affichera une boite d'option.

Dans les options, sélectionnez ensuite les options avancées suivantes:

MicroPython-ILI9341-Image565-12.jpg

Sélectionnez:

  • l'encodage 16 bits
  • la codification R5 G6 B5 (Red/Rouge 5bits, Green/vert 6 bits, Blue/Bleu 5 bits).

Voila, une image 120 x 160 pixels sauvée en R5G6B5 fait exactement 38538 octets.

Vous avez exactement la même taille? cool alors vous venez de générer une image au bon format et vous pourrez l'afficher sur l'écran :-)



Tutoriels créés par Meurisse D. pour MCHobby.be (licence CC-SA-BY pour notre création).

Toute référence, mention ou extrait de cette traduction doit être explicitement accompagné du texte suivant : «  Traduction par MCHobby (www.MCHobby.be) - Vente de kit et composants » avec un lien vers la source (donc cette page) et ce quelque soit le média utilisé.

L'utilisation commercial de la traduction (texte) et/ou réalisation, même partielle, pourrait être soumis à redevance. Dans tous les cas de figures, vous devez également obtenir l'accord du(des) détenteur initial des droits. Celui de MC Hobby s'arrêtant au travail de traduction proprement dit.