#5 Kenalan dengan ESP32 : Display Device — OLED

9 min readMar 5, 2022

Hallo, balik lagi di tutorial ESP32 bareng aku, Kai. Gak kerasa, kita udah ada di tutorial ke-5 nih. Kali ini kita mau ngapain? Di tutorial ini, kita bakal lebih advanced lagi ngegali ESP32, lebih tepatnya display device.

Yap, seperti namanya — display, komponen ini bakal menampilkan informasi ke monitor. Sebenernya, display ada berbagai jenis, seperti LED, LCD, OLED, dan TFT. Tetapi, untuk project kita kali ini, cuma ada dua pilihan yaitu LCD (Liquid-Crystal Display) dan OLED (Organic LED). Nah, display yang aku pake itu OLED. Kenapa OLED? Karena selain lebih bagus, OLED juga lebih mudah dalam diaplikasikan, jarang sekali membutuhkan komponen lain.

Biar kalian semangat ngikutinnya, aku bakal kasih bocoran apa yang bakal kita lakuin. Jadi, kita bakal nampilin teks, animasi, dan foto sendiri. Lucu gak sih, liat foto sendiri di OLED?!

Kenalan dulu dengan OLED

Aku tau, pasti kalian udah gak sabar nih buat ngoprek, tapi sebelum lanjut kita harus tau dulu apa itu OLED. Seperti yang udah sempet dibahas sebelumnya, OLED ini salah satu jenis display. OLED ada berbagai jenis, tapi yang kita pakai yaitu OLED Display SSD1306 model monocolor, 0.96 inch, 128x64 pixels. Yap, sesuai namanya — monocolor, OLED ini cuma support satu warna aja. Buat harganya sendiri, aku beli dengan harga 37.500 rupiah, di salah satu e-commerce. OLED yang biasa dijual di e-commerce, belum disolder, jadi kalian bisa minta sekalian solderin ke penjualnya, mungking nambah sekitar 3 ribu. Last but not least, OLED ini lebih hemat energi loh!! Soalnya OLED gak butuh yang namanya backlight. Penjelasan lebih lengkapnya bisa dicek di sini yaa.

Apa aja yang disiapin?

Nah, project kali ini kita pake sedikit komponen aja. Ini komponen-komponen yang dibutuhin :

ESP32 + Breadboard
Jumper cable male to male
OLED 128x64 module 0.96 inch
Micro USB cable
Laptop/komputer yang ter-install Arduino IDE

Pre-project

Sebelum lanjut, kita harus meng-install library Adafruit SSD1306. Kalian bisa meng-install-nya dengan cara Tools → Manage Library → Seacrh Adafruit SSD1306.

Rangkaian

Kali ini, rangkaiannya simple banget, soalnya kita bakal banyak di kode program. Nah, begini rangkaiannya:

Kita harus teliti ketika meletakkan pin dari ESP32 ke OLED. Supaya memudahkan, ini ada referensi peletakkan dari randomnerdtutorials.

Kode programnya gimana?

Buat kode program bakal aku bedain jadi 3 kategori, yaitu menampilkan teks, animasi, dan foto sendiri.

— Teks (basic)

// Memanggil library yang diperlukan
#include <Wire.h>
#include <Adafruit_GFX.h>
#include <Adafruit_SSD1306.h>
#define SCREEN_WIDTH 128 // Lebar OLED dalam pixels
#define SCREEN_HEIGHT 64 // Tinggi OLED dalam pixels
#define OLED_RESET     -1 // Reset pin 
#define SCREEN_ADDRESS 0x3C // Alamat I2C yang terhubung dengan display
// Deklarasi SSD1306 display yang terhubung dengan I2C (SDA, SCL pins)
Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, OLED_RESET);void setup() {
  Serial.begin(115200); //Inisiasi serial monitor
  if(!display.begin(SSD1306_SWITCHCAPVCC, SCREEN_ADDRESS)) { 
    Serial.println(F("SSD1306 allocation failed"));
    for(;;); // Tidak melakukan apa apa
  } 
  display.display(); 
  delay(2000);testdrawtext();
  
}void loop(){
  
}void testdrawtext(){
  display.clearDisplay();
  display.setTextSize(1);
  display.setTextColor(WHITE);
  display.setCursor(0, 10);  // Display static text
  display.println("Hello, world!");
  display.println("Kai"); // Ini bisa kalian custom sendiri yaa
  display.display(); 
  delay(2000);
}

Beginilah hasilnya…

— Animasi

Untuk yang animasi, karena aku lagi males buat bikin kodenya, jadi aku memanfaatkan kode yang ada di Example. Begini cara menggunakannya:

File > Examples > Adafruit SSD1306 > ssd1306_128x64_i2c

Dikarenakan kodenya panjang, maka tidak aku cantumin deh.

Kak kok TIDAK MUNCUL animasinya?

Yap, awalnya aku begitu. Sudah berhasil di-compile dan upload tetapi tidak muncul animasinya. Kenapa begitu? Awalnya kukira karena I2C nya tidak terdeteksi, setelah sekian lama searching di google. Ternyata, SCREEN_ADDRESS nya harus diubah dengan 0x3C.

Before

void setup() {
  Serial.begin(9600);// SSD1306_SWITCHCAPVCC = generate display voltage from 3.3V internally
  if(!display.begin(SSD1306_SWITCHCAPVCC, SCREEN_ADDRESS)) {
    Serial.println(F("SSD1306 allocation failed"));
    for(;;); // Don't proceed, loop forever
  }

After

void setup() {
  Serial.begin(9600);// SSD1306_SWITCHCAPVCC = generate display voltage from 3.3V internally
  if(!display.begin(SSD1306_SWITCHCAPVCC, 0x3C)) {
    Serial.println(F("SSD1306 allocation failed"));
    for(;;); // Don't proceed, loop forever
  }

Hasil akhirnya akan seperti ini:

Video Demo Animasi OLED

— Foto sendiri

Sudah pada gak sabar gak sih, mau liat foto sendiri di OLED. Eits, tunggu dulu. Project yang ketiga ini sedikit berbeda. Kita membutuhkan dua aplikasi tambahan yaitu LCD Image Converter dan Paint. Lah buat apa itu? LCD Image Converter dipake buat mengubah foto kita menjadi kode bitmap, supaya bisa dibaca oleh ESP32 nya. Buat disclaimer, gak semua foto bisa ditampilin di OLED, hanya yang berukuran 128x 64 saja. Karena OLED kita hanya bisa menduukung ukuran pixels tersebut. Nah, di sinilah tugas aplikasi Paint. Yuk, langsung gas aja!!

Pertama-tama, kita siapkan foto yang ingin mau dipakai. Lalu, buka aplikasi Paint, dan resize foto tadi menjadi 128x64. Setelah itu kita save as foto yang udah di resize menjadi monochrome bitmap. Hasilnya akan seperti ini..

Langkah selanjutnya, buka aplikasi LCD Image Converter. Bagi kalian yang belum men-download, bisa di sini yaa. Lalu, “Open New Image” dan foto format monochrome bitmap tadi. Kemudian, kita atur-atur sedikit dengan cara Options > Conversation.

Setelah selesai menyetting, klik File dan convert menjadi file C. Lalu buka dengan text editor kesukaan kalian dan copy kode tersebut kedalam fungsi static const uint8_t image_data_Saraarray[1024] diatas tadi.

Kode akhirnya akan seperti ini…

/*********
    Rui Santos
    Complete project details at https://randomnerdtutorials.com  
  *********/
  
  #include <Wire.h>
  #include <Adafruit_GFX.h>
  #include <Adafruit_SSD1306.h>
  
  #define SCREEN_WIDTH 128
  #define SCREEN_HEIGHT 64
  
  Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, -1);
  
  static const uint8_t image_data_Saraarray[1024] = {
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x000080, 0x00000f, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000fc, 0x000000, 0x000000, 0x00007f, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f8, 0x000000, 0x000000, 0x000007, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000fc, 0x000000, 0x000000, 0x000000, 0x000004, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f0, 0x00001f, 0x0000ff, 0x000000, 0x000080, 0x00003f, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000c0, 0x0000ff, 0x0000ff, 0x0000f8, 0x000002, 0x00001f, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x000083, 0x0000ff, 0x0000ff, 0x0000f8, 0x000000, 0x000007, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000fe, 0x00000f, 0x0000ff, 0x0000ff, 0x0000f2, 0x000000, 0x000003, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000fe, 0x00001f, 0x0000ff, 0x0000ff, 0x0000f6, 0x000000, 0x000001, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000fc, 0x00001f, 0x0000ff, 0x0000ff, 0x0000f6, 0x000000, 0x000000, 0x00007f, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f8, 0x00003f, 0x0000ff, 0x0000ff, 0x0000e6, 0x000080, 0x000000, 0x00003f, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f0, 0x00003f, 0x0000ff, 0x0000ff, 0x0000f6, 0x0000c0, 0x000000, 0x000007, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000e0, 0x00007f, 0x0000ff, 0x0000ff, 0x0000f7, 0x0000f0, 0x000000, 0x000003, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000e0, 0x00007e, 0x000000, 0x00005f, 0x0000fb, 0x0000fa, 0x000000, 0x000001, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000c0, 0x000040, 0x000000, 0x00001f, 0x0000fc, 0x000000, 0x000000, 0x000000, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000c0, 0x0000f1, 0x0000ff, 0x0000ff, 0x0000f8, 0x000000, 0x000000, 0x000000, 0x00007f, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x000080, 0x0000ff, 0x0000f8, 0x00007f, 0x0000e0, 0x000000, 0x000000, 0x000000, 0x00007f, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000fe, 0x000001, 0x0000fc, 0x000000, 0x00003f, 0x0000c0, 0x000000, 0x000000, 0x000000, 0x00003f, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000fc, 0x000001, 0x0000f0, 0x000000, 0x00003f, 0x0000c0, 0x000000, 0x000000, 0x000000, 0x00001f, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f0, 0x000001, 0x0000ff, 0x0000f1, 0x0000ff, 0x0000c0, 0x000000, 0x000000, 0x000000, 0x000003, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f4, 0x000003, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000c0, 0x000018, 0x000000, 0x000000, 0x000000, 0x00003f, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f1, 0x000003, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000e0, 0x000000, 0x000000, 0x000000, 0x00000f, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000fa, 0x000003, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000e0, 0x000000, 0x000000, 0x000007, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f8, 0x000007, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f8, 0x000000, 0x000001, 0x000003, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f8, 0x000003, 0x0000ff, 0x0000ef, 0x0000ff, 0x0000fe, 0x0000ff, 0x0000fe, 0x000000, 0x000002, 0x000003, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000fc, 0x000003, 0x0000ff, 0x0000bf, 0x0000ff, 0x0000fe, 0x00001f, 0x0000fc, 0x000000, 0x000000, 0x000007, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000fe, 0x000003, 0x0000fe, 0x00007f, 0x0000ff, 0x000080, 0x0000cf, 0x0000f6, 0x000000, 0x000000, 0x00000f, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000fe, 0x000003, 0x0000fc, 0x0000ff, 0x0000f0, 0x000000, 0x0000b3, 0x0000f8, 0x000000, 0x000000, 0x00003f, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000c3, 0x0000fc, 0x00003f, 0x0000ff, 0x0000df, 0x000081, 0x0000f8, 0x000000, 0x000001, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000e3, 0x0000fe, 0x000080, 0x000000, 0x000000, 0x000001, 0x0000e0, 0x000000, 0x00000f, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x000007, 0x0000fe, 0x0000ff, 0x0000c0, 0x000000, 0x000001, 0x000084, 0x000000, 0x00001f, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f9, 0x0000ff, 0x0000ff, 0x0000f7, 0x000000, 0x000006, 0x000000, 0x000010, 0x00000e, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f0, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000cc, 0x000000, 0x000000, 0x000001, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000e0, 0x00007f, 0x0000ff, 0x0000f9, 0x0000ff, 0x0000e8, 0x000000, 0x000000, 0x00007f, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x000080, 0x00001f, 0x0000ff, 0x0000ff, 0x0000fe, 0x000000, 0x000000, 0x000001, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x000000, 0x00001f, 0x0000ff, 0x0000ff, 0x0000f7, 0x000000, 0x000000, 0x000003, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x000000, 0x00001f, 0x0000ff, 0x0000ff, 0x0000ca, 0x000000, 0x000000, 0x000007, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000c0, 0x00003f, 0x0000ff, 0x0000f0, 0x000000, 0x000000, 0x000000, 0x00000f, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f0, 0x00003f, 0x0000f8, 0x000000, 0x000000, 0x000000, 0x0000e0, 0x00007f, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f0, 0x00003f, 0x0000fe, 0x000000, 0x000000, 0x000007, 0x000000, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x000080, 0x00007f, 0x0000ff, 0x0000f8, 0x000000, 0x000008, 0x0000cf, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x000081, 0x0000ff, 0x0000ff, 0x0000fc, 0x000000, 0x000000, 0x000003, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x000001, 0x0000ff, 0x0000ff, 0x0000f0, 0x000000, 0x000000, 0x000003, 0x0000ff, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000bf, 0x0000ff, 0x0000ff, 0x0000f8, 0x000000, 0x000000, 0x000000, 0x00001f, 0x0000ff, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x00003f, 0x0000ff, 0x0000bf, 0x0000ff, 0x0000ff, 0x0000fc, 0x000000, 0x000000, 0x000000, 0x000000, 0x00003f, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000ff, 0x0000cf, 0x0000ff, 0x0000ff, 0x00009f, 0x0000ff, 0x0000ff, 0x0000fc, 0x000078, 0x000000, 0x000000, 0x000000, 0x000001, 0x0000ff, 
    0x0000ff, 0x0000ff, 0x0000f0, 0x00001f, 0x0000ff, 0x0000ff, 0x00008f, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f8, 0x000000, 0x000000, 0x000000, 0x000000, 0x00000f, 
    0x0000ff, 0x0000ff, 0x000000, 0x000000, 0x000007, 0x0000ff, 0x0000c7, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f0, 0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 
    0x0000ff, 0x0000f0, 0x000000, 0x000000, 0x000001, 0x0000ff, 0x0000c3, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000e0, 0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 
    0x0000ff, 0x000080, 0x000000, 0x000000, 0x000000, 0x0000ff, 0x0000e1, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000e1, 0x0000c0, 0x000000, 0x000000, 0x000000, 0x000000, 
    0x0000fe, 0x000000, 0x000000, 0x000000, 0x000000, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f3, 0x0000c0, 0x000000, 0x000000, 0x000000, 0x000000, 
    0x0000f0, 0x000000, 0x000000, 0x000000, 0x000000, 0x00007f, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000c0, 0x000000, 0x000000, 0x000000, 0x000000, 
    0x0000c0, 0x000000, 0x000000, 0x000000, 0x000000, 0x00007f, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x000080, 0x000000, 0x000000, 0x000000, 0x000000, 
    0x000080, 0x000000, 0x000000, 0x000000, 0x000000, 0x00003f, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 
    0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 0x00003f, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000fc, 0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 
    0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 0x00003f, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000ff, 0x0000f8, 0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 
    0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 0x00001f, 0x0000e1, 0x0000e1, 0x0000ff, 0x0000ff, 0x0000c0, 0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 
    0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 0x00001f, 0x0000c0, 0x0000f0, 0x0000ff, 0x0000fe, 0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 
    0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 0x00001f, 0x0000ff, 0x0000f8, 0x00003f, 0x0000ff, 0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 
    0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 0x00001f, 0x0000ff, 0x0000ff, 0x00001f, 0x0000ff, 0x0000c0, 0x000000, 0x000000, 0x000000, 0x000000, 0x000000};
   
  void setup() {
    Serial.begin(115200);
   
    if(!display.begin(SSD1306_SWITCHCAPVCC, 0x3C)) {
      Serial.println(F("SSD1306 allocation failed"));
      for(;;);
    }
    delay(2000); // Pause for 2 seconds
   
    // Clear the buffer.
    display.clearDisplay();
    
    // Draw bitmap on the screen
    display.drawBitmap(0, 0, image_data_Saraarray, 128, 64, 1);
    display.display();
    display.startscrollright(0x00, 0x07);
    delay(2000);
  }
   
  void loop() {
    
  }

Penasaran gak sih sama hasilnya?

Yeayy. Kalian juga bisa coba-coba pake foto apapun, dengan syarat ubah dulu ke ukuran 128x64 dan jadiin bitmap. Sekian tutorial ini, semoga menyenangkan dan bisa bermanfaat. Jangan lupa di-share juga ke siapapun. See you guys!!

#5 Kenalan dengan ESP32 : Display Device — OLED

Apa aja yang disiapin?

Pre-project

Kode programnya gimana?

Written by Rifki Kaida

No responses yet