Voir la source de Du pixelart sur vos écrans OLED

{{ {{tntn|Tuto Details}}
|Main_Picture=Du_pixelart_sur_vos_écrans_OLED_P1120656.JPG
|Licences=Attribution (CC BY)
|Description=Le pixel art c'est cool ! si vous voulez le rendre encore plus retro quoi de mieux qu'un petit écran OLED.
Nous allons voir comment créer nos propres images et les animer.
|Area=Art, Electronics, Play and Hobbies
|Type=Technique
|Difficulty=Medium
|Duration=2
|Duration-type=hour(s)
|Cost=5
|Currency=EUR (€)
|Tags=arduino, esp8266, esp32, oled, u8g2, pixel, pixelart
|SourceLanguage=none
|Language=fr
|IsTranslation=0
}}
{{ {{tntn|Introduction}}
|Introduction=Dessiner sur des écrans OLED ? Ca peut paraitre compliquer, mais avec un peu d'entrainement, on peut faire un paquet de choses comme son propre logo, voir de l'animation ou même des jeux vidéos !
}}
{{ {{tntn|TutoVideo}}
|VideoType=Youtube
|VideoURLYoutube=https://www.youtube.com/watch?v=JfFld6lq_7o
}}
{{ {{tntn|Materials}}
|Step_Picture_00=Filtration_sur_sable_par_arduino_3.jpg
|Step_Picture_01=Du_pixelart_sur_vos_écrans_OLED_0.91_I2C_OLED_128x32-_Blue_4-1000x750.png
|Material=- Microcontrôleur compatible avec u8g2 (arduino / esp8266 / esp32 etc...)

- Ecran OLED monochrome
|Tools=
}}
{{ {{tntn|Separator}}}}
{{ {{tntn|Tuto Step}}
|Step_Title=Choisir son image
|Step_Content=Nous allons utiliser un écran 128x32 (les écrans en 128x64 sont aussi très répandu si vous voulez plus d'espace), il nous faut donc choisir une '''petite image'''

Les sprites de la GameBoy sont très facile à convertir, mais gardez à l'esprit que nous sommes limités au noir et blanc, là ou la gameboy est capable d'afficher 4 nuances de gris.

Vous pouvez télécharger des sprites sur https://www.spriters-resource.com/ comme point de départ.
}}
{{ {{tntn|Tuto Step}}
|Step_Title=Convertir des images en pixel art
|Step_Content=Sauvegarder votre image au format XBM

{{Warning|Sauvegarder le aussi au format PNG, vous ne pourrez pas modifier votre fichier XBM avec Krita !}}

Ouvrez le fichier XBM avec un éditeur de texte et changer le nom des variables

Fichier XBM
 #define _width 128
 #define _height 32
 static char _bits[] = {
 0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00... 
 };
Fichier logo.h
 #define logo_width 128
 #define logo_height 32
 static const unsigned char logo[] U8X8_PROGMEM = {
 0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00... 
 };
}}
{{ {{tntn|Notes}}
|Notes=
}}
{{ {{tntn|Tuto Status}}
|Complete=Draft
}}