מייקינג : מסך OLED בגודל של 0.91"

אחרי שהבנו איך מחברים את המסך והרצנו עליו קוד ראשוני, הגיע הזמן ללמוד לערוך קצת את הקוד וגם... לכתוב בעברית!

האם זה אפשרי בכלל לכתוב על גבי מסך OLED בעברית? תתפלאו אבל זה אפשרי ואפילו תוכלו לבחור את הפונט הרצוי...

אבל שניה לפני שאתם מתלהבים מדי, אגלה לכם שזה לא כל כך פשוט אבל זה די נחמד. לכבוד יום העצמאות, החלטתי לתת לנו קוד שלא תמצאו ב Adafruit או בספריות המקוריות של הרכיב...

לפני שאנחנו מתחילים, אנחנו צריכים להבין שהאותיות העבריות מוצגות על גבי המסך כציור ולא כטקסט, כלומר, אנחנו צריכים להגדיר אלו פיקסלים ידלקו על גבי המסך ואלו פיקסלים ישארו כבויים. למזלנו, יש תכנת ענן פשוטה שעוזרת לנו להגדיר את זה.

תחילה, ניצור את הקובץ אותו אנחנו רוצים להמיר לתבנית פיקסלים. ניכנס ל"צייר" או לכל תכנה גרפית אחרת וניצור קובץ PNG או Jpeg. יצרתי שני קבצים פשוטים: קובץ של "חג שמח" בפונט סת"ם וקובץ של מגן דוד:

לאחר ששמרנו את הקבצים, ניכנס לתכנת הענן שממירה את הקבצים:

נבחר את הקובץ שיצרנו, נגדיר את הגודל שלו (ובכל מקרה, לא יותר מ 128X32 - גודלו של המסך...), נסמן HEX output ונלחץ על Submit. הממיר יכין לנו את הקוד שלנו שאנחנו צריכים לשבץ בארדואינו.

// width x height = 120,30
static const uint8_t imageVarName[] PROGMEM = {
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00011111, B10000000, B00000000, B00000000, B00011111, B10000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000100, B00000000, B00000000, B00000000, B00001001, B00000000, B00000000, B00000000, B00001011, B00000000, B00000100, B00000000, B00000000, 
 B00000000, B00000011, B00001111, B00000000, B00000000, B00000000, B00001111, B00010000, B00000000, B00000000, B00001111, B00000010, B00001110, B00000000, B00000000, 
 B00000000, B00000001, B11111001, B11111000, B11110000, B00000000, B00011111, B00011100, B00110000, B00000000, B00011111, B10000011, B11111011, B11110000, B00000000, 
 B00000000, B00000001, B11111000, B11111100, B11111001, B11111100, B00011111, B10011111, B00111110, B00000000, B00011111, B10000001, B11111001, B11111000, B00000000, 
 B00000000, B00000001, B11111000, B11111100, B11111111, B11111110, B00011111, B10011111, B10111110, B00000000, B00011111, B10000001, B11111001, B11111100, B00000000, 
 B00000000, B00000001, B11111000, B11111100, B01111111, B11111111, B00001111, B10001111, B10111110, B00000000, B00001111, B10000001, B11110000, B11111000, B00000000, 
 B00000000, B00000000, B01100000, B00110000, B00011000, B00000011, B00000010, B00000011, B00000110, B00000000, B00000001, B10000000, B01100000, B00110000, B00000000, 
 B00000000, B00000000, B01110000, B00110000, B00111000, B00000011, B00000011, B00000110, B00001100, B00000000, B00000000, B11000000, B01100000, B00110000, B00000000, 
 B00000000, B00000000, B01110000, B00111000, B00110000, B00000001, B10000001, B00111000, B00011000, B00000000, B00000000, B11100000, B01100000, B01110000, B00000000, 
 B00000000, B00000000, B01110000, B00111000, B00110000, B00000011, B10000001, B11100001, B11110000, B00000000, B00001000, B11110000, B01110000, B01111000, B00000000, 
 B00000000, B00000000, B01110000, B00111000, B00110011, B11111111, B10000001, B11111111, B11000000, B00000000, B00001111, B11110000, B01110000, B00111000, B00000000, 
 B00000000, B00000000, B00110000, B00011000, B00100011, B11111111, B10000001, B11111111, B00000000, B00000000, B00011111, B10110000, B01110000, B00110000, B00000000, 
 B00000000, B00000000, B00110000, B00011000, B01100111, B11111111, B10000000, B11110000, B00000000, B00000000, B00011111, B00110000, B00100000, B00010000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
 
};

הקוד די פשוט: המספר 0 מסמל פיקסל כבוי והמספר 1 מסמל פיקסל דולק. אם תסתכלו במבט מזוגג על הקוד, יתכן מאד שתצליחו להבחין במילים חג שמח שכתובות לפניכם.

את הקוד הזה אנו צריכים להכניס לתחילת הקוד בארדואינו, לפני ה void setup. תוכלו לראות קוד דומה בדוגמא של ה Adafruit ופשוט להניח את הקוד מתחתיו או במקומו.

את המילים imageVarName בקוד שהדבקתם, שנו לביטוי שיעזור לכם בהמשך, לדוגמא: happy_holiday. כעת, happy_holiday הוא בעצם תבנית פיקסלים מסוימת וכאשר נקרא לתבנית הזאת בהמשך הקוד - היא תוצג.

נחפש את השורות הבאות בקוד (או דומות להן..):

ונשנה את השורה הראשונה:

המספרים הראשונים שמופיעים (5,5) מציינים את המיקום של מה שאנחנו הולכים להציג. בדוגמא הזאת, הארדואינו סופר 5 פיקסלים מהקצה העליון ו 5 פיקסלים מהפינה השמאלית ומציג שם את התמונה.

המילה happy_holiday "קוראת" לציור "happy_holiday" שבתחילת הקוד. אם הכנסנו לקוד כמה ציורים, נקרא כל פעם לציור המבוקש.

לאחר מכן, נגדיר את גודל הציור כפי שהגדרנו ביצירה שלו. אם שכחתם, זה מופיע בחלק העליון של הקוד שהדבקתם. במקרה שלי - 120X30. המספר האחרון - 1, מבטא כנראה את זה שהפיקסל דולק. כאשר כתבתי שם 0 - זה פשוט לא עבד...

את אותו התהליך בדיוק עשיתי עם המגן דוד אלא ששיבצתי אותו באופן שיוצג כאנימציה.

הקוד המלא ליום העצמאות כאן לפניכם:

#include <SPI.h>
#include <Wire.h>
#include <Adafruit_GFX.h>
#include <Adafruit_SSD1306.h>

// If using software SPI (the default case):
#define OLED_MOSI   9
#define OLED_CLK   10
#define OLED_DC    11
#define OLED_CS    12
#define OLED_RESET 13
Adafruit_SSD1306 display(OLED_MOSI, OLED_CLK, OLED_DC, OLED_RESET, OLED_CS);

#define NUMFLAKES 5
#define XPOS 0
#define YPOS 1
#define DELTAY 2

// width x height = 30,30
static const uint8_t israel[] PROGMEM = {
  B00000000, B00000000, B00000000, B00000011, 
  B00000000, B00000000, B00000000, B00000011, 
  B00000000, B00000001, B00000000, B00000011, 
  B00000000, B00000011, B10000000, B00000011, 
  B00000000, B00000011, B11000000, B00000011, 
  B00000000, B00000110, B11000000, B00000011, 
  B00000000, B00000100, B01100000, B00000011, 
  B00000000, B00001100, B01100000, B00000011, 
  B00000111, B11111111, B11111111, B11100011, 
  B00000111, B11111111, B11111111, B11100011, 
  B00000010, B00010000, B00011000, B01000011, 
  B00000011, B00110000, B00001100, B11000011, 
  B00000001, B00100000, B00001100, B10000011, 
  B00000001, B11100000, B00000111, B00000011, 
  B00000000, B11000000, B00000011, B00000011, 
  B00000000, B11000000, B00000011, B00000011, 
  B00000001, B11100000, B00000111, B00000011, 
  B00000001, B00100000, B00000101, B10000011, 
  B00000011, B00110000, B00001100, B11000011, 
  B00000010, B00010000, B00001000, B11000011, 
  B00000110, B00011000, B00111111, B11100011, 
  B00000111, B11111111, B11111111, B11100011, 
  B00000000, B00001110, B00110000, B00000011, 
  B00000000, B00000110, B01100000, B00000011, 
  B00000000, B00000010, B01000000, B00000011, 
  B00000000, B00000011, B11000000, B00000011, 
  B00000000, B00000001, B10000000, B00000011, 
  B00000000, B00000001, B10000000, B00000011, 
  B00000000, B00000000, B00000000, B00000011, 
  B00000000, B00000000, B00000000, B00000011, 
  
};

// width x height = 120,30
static const uint8_t happy[] PROGMEM = {
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00011111, B10000000, B00000000, B00000000, B00011111, B10000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000100, B00000000, B00000000, B00000000, B00001001, B00000000, B00000000, B00000000, B00001011, B00000000, B00000100, B00000000, B00000000, 
  B00000000, B00000011, B00001111, B00000000, B00000000, B00000000, B00001111, B00010000, B00000000, B00000000, B00001111, B00000010, B00001110, B00000000, B00000000, 
  B00000000, B00000001, B11111001, B11111000, B11110000, B00000000, B00011111, B00011100, B00110000, B00000000, B00011111, B10000011, B11111011, B11110000, B00000000, 
  B00000000, B00000001, B11111000, B11111100, B11111001, B11111100, B00011111, B10011111, B00111110, B00000000, B00011111, B10000001, B11111001, B11111000, B00000000, 
  B00000000, B00000001, B11111000, B11111100, B11111111, B11111110, B00011111, B10011111, B10111110, B00000000, B00011111, B10000001, B11111001, B11111100, B00000000, 
  B00000000, B00000001, B11111000, B11111100, B01111111, B11111111, B00001111, B10001111, B10111110, B00000000, B00001111, B10000001, B11110000, B11111000, B00000000, 
  B00000000, B00000000, B01100000, B00110000, B00011000, B00000011, B00000010, B00000011, B00000110, B00000000, B00000001, B10000000, B01100000, B00110000, B00000000, 
  B00000000, B00000000, B01110000, B00110000, B00111000, B00000011, B00000011, B00000110, B00001100, B00000000, B00000000, B11000000, B01100000, B00110000, B00000000, 
  B00000000, B00000000, B01110000, B00111000, B00110000, B00000001, B10000001, B00111000, B00011000, B00000000, B00000000, B11100000, B01100000, B01110000, B00000000, 
  B00000000, B00000000, B01110000, B00111000, B00110000, B00000011, B10000001, B11100001, B11110000, B00000000, B00001000, B11110000, B01110000, B01111000, B00000000, 
  B00000000, B00000000, B01110000, B00111000, B00110011, B11111111, B10000001, B11111111, B11000000, B00000000, B00001111, B11110000, B01110000, B00111000, B00000000, 
  B00000000, B00000000, B00110000, B00011000, B00100011, B11111111, B10000001, B11111111, B00000000, B00000000, B00011111, B10110000, B01110000, B00110000, B00000000, 
  B00000000, B00000000, B00110000, B00011000, B01100111, B11111111, B10000000, B11110000, B00000000, B00000000, B00011111, B00110000, B00100000, B00010000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
  B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, B00000000, 
};

void setup()   {                
  Serial.begin(9600);

display.begin(SSD1306_SWITCHCAPVCC);
  
  // Show image buffer on the display hardware.
  // Since the buffer is intialized with an Adafruit splashscreen
  // internally, this will display the splashscreen.
  display.display();
  delay(2000);

// Clear the buffer.
  display.clearDisplay();

// draw a single pixel
  display.drawPixel(10, 10, WHITE);
  // Show the display buffer on the hardware.
  // NOTE: You _must_ call display after making any drawing commands
  // to make them visible on the display hardware!
  display.display();
  delay(1000);
  display.clearDisplay();

}

void loop() {
  // miniature bitmap display
  display.drawBitmap(5, 5,  happy, 120, 30, 1);
  display.display();
  delay(2000); 
  display.clearDisplay();

// miniature bitmap display
  display.drawBitmap(0, 0,  israel, 30, 30, 1);
  display.display();

// draw a bitmap icon and 'animate' movement
  testdrawbitmap(israel, 30, 30);
  display.display();
    display.clearDisplay();
  }

void testdrawbitmap(const uint8_t *bitmap, uint8_t w, uint8_t h) {
  uint8_t icons[NUMFLAKES][3];
  // initialize
  for (uint8_t f=0; f< NUMFLAKES; f++) {
    icons[f][XPOS] = random(display.width());
    icons[f][YPOS] = 0;
    icons[f][DELTAY] = random(5) + 1;
    
    Serial.print("x: ");
    Serial.print(icons[f][XPOS], DEC);
    Serial.print(" y: ");
    Serial.print(icons[f][YPOS], DEC);
    Serial.print(" dy: ");
    Serial.println(icons[f][DELTAY], DEC);
  }

while (1) {
    // draw each icon
    for (uint8_t f=0; f< NUMFLAKES; f++) {
      display.drawBitmap(icons[f][XPOS], icons[f][YPOS], bitmap, w, h, WHITE);
    }
    display.display();
    delay(200);
    
    // then erase it + move it
    for (uint8_t f=0; f< NUMFLAKES; f++) {
      display.drawBitmap(icons[f][XPOS], icons[f][YPOS], bitmap, w, h, BLACK);
      // move it
      icons[f][YPOS] += icons[f][DELTAY];
      // if its gone, reinit
      if (icons[f][YPOS] > display.height()) {
        icons[f][XPOS] = random(display.width());
        icons[f][YPOS] = 0;
        icons[f][DELTAY] = random(5) + 1;
      }
    }
   }

}

דפים

יום ראשון, 15 באפריל 2018

מסך OLED בגודל של 0.91" - חלק ב'

אין תגובות:

הוסף רשומת תגובה

קורס ארדואינו

קורס מיקרו:ביט