29 837
modifications
Modifications
Sauter à la navigation
Sauter à la recherche
Ligne 1 :
Ligne 1 : + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
MicroPython-ILI9341-Image565 (voir la source)
Version du 24 mars 2016 à 22:05
, 24 mars 2016 à 22:05→Comment faire?
{{MicroPython-ILI9341-NAV}}
{{MicroPython-ILI9341-NAV}}
Si vous avez prêtez attention à l'article concernant [[MicroPython-ILI9341-16BitColor|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).
{{ADFImage|GLX-colorpack.jpg}}
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 "[https://www.gimp.org The gimp]" pour créer l'image suivante:
[[Fichier: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
[[Fichier:MicroPython-ILI9341-Sample.jpg|800px]]
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:
[[Fichier: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:
[[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}}