MicroPython-ILI9341-Image565

De MCHobby - Wiki
Sauter à la navigation Sauter à la recherche


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:

 

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

 

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:

 

  • 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:

 

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 avez générer une image au bon format que vous pourrez 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.