Author Rémi Sarrailh (µsini) | Last edit 9/12/2019 by Clementflipo
arduino, esp8266, esp32, oled, u8g2, pixel, pixelart Du_pixelart_sur_vos_écrans_OLED_P1120656.JPG fr none Technique 0
Youtube
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.
Sauvegarder votre image au format XBM
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... };
Nous allons utiliser la bibliothèque U8g2 (elle est compatible avec beaucoup d'écrans)
#include <Wire.h> //I2C #include <U8g2lib.h> #include "logo.h" //I2C SSD1306 128x32 (search U8g2 examples for other display) U8G2_SSD1306_128X32_UNIVISION_F_HW_I2C u8g2(U8G2_R0, U8X8_PIN_NONE); void setup() { u8g2.begin(); //Start Screen drawLogo(); } void loop() { } void drawLogo() { u8g2.firstPage(); do { u8g2.drawXBMP(0, 0, logo_width, logo_height, logo); } while ( u8g2.nextPage() ); }
J'ai aussi mis les fichiers PNG et XBM dans un dossier res/ dans mon code afin de savoir ce qu'il y a dans logo.h et de pouvoir le modifier ultérieurement.
Téléverser votre code et voilà !
Draft
You entered an invalid page name, with one or many of the following characters :
< > @ ~ : * € £ ` + = / \ | [ ] { } ; ? #