Open in app

Sign in

Write

Sign in

ESP32 with OLED Display

Paul Marturia
13 min readFeb 27, 2021

--

Hai oll! Apa kabarnya? Semoga sehat-sehat semua yaa. Kali ini aku mau cerita lagi nih tentang ESP32, tapi ada yang beda nih, kita akan menggunakan Display. Seru kan? Yuk, ikutin keseruannyaa.

Pada eksperimen kali ini kita akan menggunakan OLED Display. Eh tunggu22, OLED Display tu apaan? Jadi OLED Display atau yang biasa dikenal dengan Organic Light Emitting Diode Display adalah layar panel yang dapat menampilkan visual data dengan memancarkan cahaya yang dialiri arus listrik. OLED biasa kita lihat sehari-hari, misalnya pada monitor komputer, kamera, smartphone, dan televisi.

Sekarang, yuk siapin alat dan bahan yang akan digunakan untuk eksperimen kali ini.

  1. ESP32
  2. Breadboard
  3. 0.96cm OLED Display
OLED Display

3. Laptop dan Kabel USB

4. Beberapa buah kabel jumper

Nahh, kalau semuanya udah disiapin, yuk kita praktek.

Mula-mula kita akan install library SSD1306 dari Adafruit. Pergi ke Sketch > Include Library > Manage Libraries , lalu ketikkan “SSD1306” di search box, lalu klik install. Aku pakai versi yang dibawah ini.

Lalu, akan ada tampilan pop-up yang menyarankan untuk install Adafruit GFX Library. Klik “Install All”.

Setelah itu jangan lupa untuk restart aplikasi Arduino agar library dapat berfungsi sebagaimana mestinya.

Berikut ini adalah schematic diagram mengenai rangkaian yang nantinya akan kita buat.

Sumber : randomnerdtutorials.com

Kita sudah install library nya, sekarang kita akan merancang ESP32. Pertama, letakkan microcontroller di Breadboard.

Setelah itu letakkan OLED di Breadboard.

Lalu, letakkan kabel jumper sesuai dengan tabel referensi dibawah ini.

Masukkan kabel jumper pada pin VCC dan pin 3V3.

Masukkan kabel jumper pada pin GND dan pin GND.

Masukkan kabel jumper pada pin SCL dan pin GPIO22.

Masukkan kabel jumper pada pin SDA dan pin GPIO21

Testing OLED Display

Setelah itu pergi File > Examples > Adafruit SSD1306 dan pilih jenis OLED yang kamu pakai. Disini aku memakai 128x64_i2c.

Lalu akan keluar rangkaian code. Lakukan perubahan pada code ini, ubah value-nya dari 4 menjadi -1.

Jika sudah, lakukan verify dan upload.

Nah, aku kira-kira gini hasilnya. OLED akan menampilkan tampilan-tampilan yang bervariasi gitu, ada efek-efeknya.

Write Text

Sekarang kita akan bereksperimen lagi nih, tidak hanya menampilkan visual, namun juga dapat menampilkan teks-teks. Caranya kamu tinggal copy code berikut 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 // OLED display width, in pixels
#define SCREEN_HEIGHT 64 // OLED display height, in pixels// Declaration for an SSD1306 display connected to I2C (SDA, SCL pins)
Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, -1);void setup() {
 Serial.begin(115200);if(!display.begin(SSD1306_SWITCHCAPVCC, 0x3C)) { // Address 0x3D for 128x64
 Serial.println(F(“SSD1306 allocation failed”));
 for(;;);
 }
 delay(2000);
 display.clearDisplay();display.setTextSize(1);
 display.setTextColor(WHITE);
 display.setCursor(0, 10);
 // Display static text
 display.println(“Hello, world!”); // disini kamu bisa ganti katanya
 display.display(); 
}void loop() {
 
}

Setelah itu jalankan programnya. Kira-kira akan seperti hasilnya.

Scrolling Text

Ternyata disini kita juga bisa membuat teks scrolling gitu loh. Seru kan! Ini code nya kamu salin dan letakkan pada aplikasi Arduino mu.

/*********
 Rui Santos
 Complete project details at https://randomnerdtutorials.com 
*********/#include <Wire.h>
#include <Adafruit_GFX.h>
#include <Adafruit_SSD1306.h>#define SCREEN_WIDTH 128 // OLED display width, in pixels
#define SCREEN_HEIGHT 64 // OLED display height, in pixels// Declaration for an SSD1306 display connected to I2C (SDA, SCL pins)
Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, -1);void setup() {
 Serial.begin(115200);if(!display.begin(SSD1306_SWITCHCAPVCC, 0x3C)) { // Address 0x3D for 128x64
 Serial.println(F(“SSD1306 allocation failed”));
 for(;;);
 }
 delay(2000);
 display.clearDisplay();display.setTextSize(1);
 display.setTextColor(WHITE);
 display.setCursor(0, 0);
 // Display static text
 display.println(“Hello, 18219044!”);
 display.display(); 
 delay(100);
 
}void loop() {
 // Scroll in various directions, pausing in-between:
 display.startscrollright(0x00, 0x0F);
 delay(2000);
 display.stopscroll();
 delay(1000);
 display.startscrollleft(0x00, 0x0F);
 delay(2000);
 display.stopscroll();
 delay(1000);
 display.startscrolldiagright(0x00, 0x07);
 delay(2000);
 display.startscrolldiagleft(0x00, 0x07);
 delay(2000);
 display.stopscroll();
 delay(1000);
}

Nanti, hasilnya akan seperti ini guys.

Scrolling Text II

Ternyata sebelumnya teks nya hanya mantul-mantul gitu ya. Kali ini aku mencoba gugling lagi dan cari di youtube, ketemu dengan salah satu video, dan aku salin code nya kira-kira seperti ini.

/*********
Source : youtube.com
*********/
#include <Wire.h>
#include <Adafruit_GFX.h>
#include <Adafruit_SSD1306.h>
#define SCREEN_WIDTH 128 // OLED display width, in pixels
#define SCREEN_HEIGHT 64 // OLED display height, in pixels
// Declaration for an SSD1306 display connected to I2C (SDA, SCL pins)
Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, -1);char message[]= “Hello, 18219044! Welcom back to Embedded System. Have fun :D”;
int x, minX;void setup(){
 Serial.begin(115200);
 display.begin(SSD1306_SWITCHCAPVCC, 0x3C);
 display.setTextSize(2);
 display.setTextColor(WHITE);
 display.setTextWrap(false);
 x = display.width();
 minX = -12 * strlen(message); // 12 = 6 pixels/character * text size 2
}void loop(){
 //Serial.println(x);
 display.clearDisplay();
 display.setCursor(0,7);
 display.setTextSize(1);
 display.print(“STEI-ITB”);
 display.setTextSize(2);
 display.setCursor(x,20);
 display.print(message);
 display.display();
 x = x-2; // scroll speed
 if (x < minX) x = display.width();
}

Dan nanti teks nya akan berjalan gitu. Kira-kira hasilnya seperti ini.

Using Other Fonts

Library Adafruit GFX menyediakan berbagai fonts yang dapat kita pakai. Ukuran telah disediakan secara default sehingga command setTextSize() tidak lagi digunakan. Berikut adalah jenis-jenis fonts yang disediakan.

FreeMono12pt7b.h		FreeSansBoldOblique12pt7b.h
FreeMono18pt7b.h		FreeSansBoldOblique18pt7b.h
FreeMono24pt7b.h		FreeSansBoldOblique24pt7b.h
FreeMono9pt7b.h			FreeSansBoldOblique9pt7b.h
FreeMonoBold12pt7b.h		FreeSansOblique12pt7b.h
FreeMonoBold18pt7b.h		FreeSansOblique18pt7b.h
FreeMonoBold24pt7b.h		FreeSansOblique24pt7b.h
FreeMonoBold9pt7b.h		FreeSansOblique9pt7b.h
FreeMonoBoldOblique12pt7b.h	FreeSerif12pt7b.h
FreeMonoBoldOblique18pt7b.h	FreeSerif18pt7b.h
FreeMonoBoldOblique24pt7b.h	FreeSerif24pt7b.h
FreeMonoBoldOblique9pt7b.h	FreeSerif9pt7b.h
FreeMonoOblique12pt7b.h		FreeSerifBold12pt7b.h
FreeMonoOblique18pt7b.h		FreeSerifBold18pt7b.h
FreeMonoOblique24pt7b.h		FreeSerifBold24pt7b.h
FreeMonoOblique9pt7b.h		FreeSerifBold9pt7b.h
FreeSans12pt7b.h		FreeSerifBoldItalic12pt7b.h
FreeSans18pt7b.h		FreeSerifBoldItalic18pt7b.h
FreeSans24pt7b.h		FreeSerifBoldItalic24pt7b.h
FreeSans9pt7b.h			FreeSerifBoldItalic9pt7b.h
FreeSansBold12pt7b.h		FreeSerifItalic12pt7b.h
FreeSansBold18pt7b.h		FreeSerifItalic18pt7b.h
FreeSansBold24pt7b.h		FreeSerifItalic24pt7b.h
FreeSansBold9pt7b.h		FreeSerifItalic9pt7b.h

Font yang bekerja lebih baik dengan layar OLED adalah ukuran 9 dan 12.

Silakan salin code berikut.

/*********
 Rui Santos
 Complete project details at https://randomnerdtutorials.com 
*********/#include <Wire.h>
#include <Adafruit_GFX.h>
#include <Adafruit_SSD1306.h>
#include <Fonts/FreeSerif9pt7b.h>#define SCREEN_WIDTH 128 // OLED display width, in pixels
#define SCREEN_HEIGHT 64 // OLED display height, in pixels// Declaration for an SSD1306 display connected to I2C (SDA, SCL pins)
Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, -1);void setup() {
 Serial.begin(115200);if(!display.begin(SSD1306_SWITCHCAPVCC, 0x3C)) { 
 Serial.println(“SSD1306 allocation failed”);
 for(;;);
 }
 delay(2000);display.setFont(&FreeSerif9pt7b);
 display.clearDisplay();
 display.setTextSize(1); 
 display.setTextColor(WHITE); 
 display.setCursor(0,20); 
 display.println(“Halo, Paul!”);
 display.display();
 delay(2000); 
}
void loop() {
 
}

Nanti hasilnya akan seperti ini.

Untuk catatan pribadi ajaa, aku ngga bisa milih font yang lain selain yang FreeSerif. Cuma aku juga masih gatau kenapa, katanya sih ‘wasn’t declared in this scope’. Pesan error yang aku dapetin seperti ini.

Draw a Shape

Pixel

Kita akan menggambar secuil titik. Iya, sebuah titik di koordinat (x,y). Kita dapat menggunakan command berikut.

display.drawPixel(64, 32, WHITE);

Line

Kita akan menggambar garis. Panggil fungsi drawLine(x1, y1, x2, y2, color). (x1,y1) adalah koordinat mula-mula, sedangkan (x2,y2) adalah koordinat akhir. Kita dapat menggunakan command berikut.

display.drawLine(30, 30, 127, 20, WHITE);

Rectangle (No Fill)

Kita akan menggambar sebuah persegi. Panggil fungsi drawRect(x, y, width, height, color). Kita dapat menggunakan command berikut.

display.drawRect(0, 15, 60, 40, WHITE);

Rectangle (With Fill)

Kita akan menggambar sebuah persegi dengan ‘isi’. Panggil fungsi fillRect(x, y, width, height, color). Kita dapat menggunakan command berikut.

display.fillRect(0, 15, 60, 40, WHITE);

Rectangle Round Corners (No Fill)

Kita akan menggambar sebuah persegi dengan sudut bulat. Panggil fungsi drawRoundRect(x, y, width, height, color). Kita dapat menggunakan command berikut.

display.drawRoundRect(0, 15, 60, 40, 8, WHITE);

Rectangle (With Fill)

Kita akan menggambar sebuah persegi dengan ‘isi’ dan memiliki sudut bulat. Panggil fungsi fillRect(x, y, width, height, color). Kita dapat menggunakan command berikut.

display.fillRoundRect(0, 15, 60, 40, 8, WHITE);

Circle (No Fill)

Kita akan menggambar sebuah lingkaran. Panggil fungsi drawCircle(x, y, radius, color). Kita dapat menggunakan command berikut.

display.drawCircle(20, 35, 20, WHITE);

Circle (With Fill)

Kita akan menggambar sebuah lingkaran dengan ‘isi’. Panggil fungsi fillCircle(x, y, radius, color). Kita dapat menggunakan command berikut.

display.fillCircle(20, 35, 20, WHITE);

Triangle (No Fill)

Kita akan menggambar sebuah segitiga. Panggil fungsi drawTriangle(x1, y1, x2, y2, x3, y3, color). Kita dapat menggunakan command berikut.

display.drawTriangle(30, 15, 0, 60, 60, 60, WHITE);

Triangle (With Fill)

Kita akan menggambar sebuah segitiga dengan ‘isi’. Panggil fungsi fillTriangle(x1, y1, x2, y2, x3, y3, color). Kita dapat menggunakan command berikut.

display.fillTriangle(30, 15, 0, 60, 60, 60, WHITE);

Invert

Library menyediakan metode tambahan yang bisa digunakan, yaitu membalikkan. Jadi, setelah kalian menggambar, misalnya, panggil fungsi invertDisplay(), untuk melakukan proses invert. Parameter true untuk membalikkan warna layar atau false untuk kembali ke warna aslinya.

Dan untuk keseluruhan kode dari seluruh gambar yang tadi aku buat adalah berikut ini.

#include <Wire.h>
#include <Adafruit_GFX.h>
#include <Adafruit_SSD1306.h>#define SCREEN_WIDTH 128
#define SCREEN_HEIGHT 64// Declaration for an SSD1306 display connected to I2C (SDA, SCL pins)
Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, -1);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();// Pixel
 display.setTextSize(1);
 display.setTextColor(WHITE);
 display.setCursor(0,0);
 display.println(“Pixel”); 
 display.drawPixel(64, 32, WHITE);
 display.display();
 delay(3000);
 display.clearDisplay();//Line
 display.setTextSize(1);
 display.setTextColor(WHITE);
 display.setCursor(0,0);
 display.println(“Line”);
 display.drawLine(30, 30, 127, 20, WHITE);
 display.display();
 delay(3000);
 display.clearDisplay();//Rectangle
 display.setTextSize(1);
 display.setTextColor(WHITE);
 display.setCursor(0,0);
 display.println(“Rectangle”);
 display.drawRect(0, 15, 60, 40, WHITE);
 display.display();
 delay(2000);
 display.clearDisplay();//Filled Rectangle
 display.setTextSize(1);
 display.setTextColor(WHITE);
 display.setCursor(0,0);
 display.println(“Filled Rectangle”);
 display.fillRect(0, 15, 60, 40, WHITE);
 display.display();
 delay(2000);
 display.clearDisplay();//Round Rectangle
 display.setTextSize(1);
 display.setTextColor(WHITE);
 display.setCursor(0,0);
 display.println(“Round Rectangle”);
 display.drawRoundRect(0, 15, 60, 40, 8, WHITE);
 display.display();
 delay(2000);
 display.clearDisplay();//Filled Round Rectangle
 display.setTextSize(1);
 display.setTextColor(WHITE);
 display.setCursor(0,0);
 display.println(“Filled Round Rectangle”);
 display.fillRoundRect(0, 15, 60, 40, 8, WHITE);
 display.display();
 delay(2000);
 display.clearDisplay();//Circle
 display.setTextSize(1);
 display.setTextColor(WHITE);
 display.setCursor(0,0);
 display.println(“Circle”);
 display.drawCircle(20, 35, 20, WHITE);
 display.display();
 delay(2000);
 display.clearDisplay();//Filled Circle
 display.setTextSize(1);
 display.setTextColor(WHITE);
 display.setCursor(0,0);
 display.println(“Filled Circle”);
 display.fillCircle(20, 35, 20, WHITE);
 display.display();
 delay(2000);
 display.clearDisplay();//Triangle
 display.setTextSize(1);
 display.setTextColor(WHITE);
 display.setCursor(0,0);
 display.println(“Triangle”);
 display.drawTriangle(30, 15, 0, 60, 60, 60, WHITE);
 display.display();
 delay(2000);
 display.clearDisplay();//Filled Triangle
 display.setTextSize(1);
 display.setTextColor(WHITE);
 display.setCursor(0,0);
 display.println(“Filled Triangle”);
 display.fillTriangle(30, 15, 0, 60, 60, 60, WHITE);
 display.display();
 delay(2000);
 display.clearDisplay();
}void loop() {
 
}

Display Bitmap Image

Ada hal menarik lainnya yang dapat dilakukan OLED, yaitu menampilkan wajah. Coba kalian salin code berikut ini, nanti aku tulis juga caranya.

/*********
  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] = {
    0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 0x00, 0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 0x00, 0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 0x00, 0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 0x00, 0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x01, 0xff, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 0x00, 0x00, 0x01, 0xff, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 0x00, 0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x0a, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x14, 0x9e, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x36, 0x3f, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x6d, 0xff, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x00, 0xfb, 0xff, 0x80, 0x1f, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x03, 0xd7, 0xff, 0x80, 0x0f, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 0x07, 0xef, 0xff, 0x80, 0x07, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 0x0f, 0xdf, 0xff, 0x90, 0x07, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 0x0f, 0xbf, 0xff, 0xd0, 0x07, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 0x1d, 0x7f, 0xff, 0xd0, 0x07, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x01, 0x1b, 0xff, 0xff, 0xc0, 0x07, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x02, 0xa7, 0xff, 0xff, 0xc0, 0x07, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 0x03, 0xff, 0xc0, 0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 0x00, 0xff, 0x80, 0x00, 0x0b, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x03, 0xff, 0xff, 0xff, 0xf0, 0x0f, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0x80, 0x07, 0xff, 0xff, 0xff, 0xf0, 0x0f, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0x00, 0x0f, 0x07, 0xff, 0xf8, 0xf8, 0x03, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0x00, 0x0e, 0x01, 0xff, 0xc0, 0x38, 0x07, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xff, 0x00, 0x1c, 0x46, 0xff, 0xb1, 0x18, 0x07, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xfe, 0x00, 0x3f, 0x97, 0xff, 0xc0, 0x7a, 0x07, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xfe, 0x00, 0x3f, 0xff, 0xff, 0xff, 0xfe, 0x03, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xfe, 0x00, 0x3f, 0xff, 0xff, 0xff, 0xfe, 0x03, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xfe, 0x01, 0x3f, 0xff, 0xff, 0xff, 0xfe, 0x01, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xfe, 0x01, 0xbf, 0xff, 0xff, 0xff, 0xfe, 0x81, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 0xbf, 0xff, 0xff, 0xff, 0xfc, 0x81, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 0xff, 0xff, 0xfe, 0xff, 0xfd, 0x83, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 0xbf, 0xff, 0xfe, 0xff, 0xfd, 0x01, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 0x7f, 0xff, 0xff, 0xff, 0xff, 0x01, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 0x7f, 0xff, 0xff, 0xff, 0xfb, 0x03, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 0x3f, 0xff, 0xdc, 0xff, 0xfa, 0x03, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xd8, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xf8, 0x03, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xd0, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xf8, 0x01, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0x90, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xf8, 0x02, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xb0, 0x00, 0x0f, 0xf5, 0xff, 0xd7, 0xf8, 0x01, 0xff, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xb0, 0x00, 0x0f, 0xff, 0xff, 0xff, 0xf8, 0x00, 0x5f, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xa0, 0x00, 0x0f, 0xfb, 0xff, 0xff, 0xf0, 0x00, 0x3f, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 0x0f, 0xfd, 0xff, 0xdf, 0xf0, 0x00, 0x3f, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 0x07, 0xff, 0xff, 0xbf, 0xf0, 0x00, 0x0f, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 0x07, 0xff, 0xff, 0xff, 0xe0, 0x00, 0x87, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 0x03, 0xff, 0xff, 0xff, 0xc0, 0x00, 0x43, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0x60, 0x00, 0x01, 0xff, 0xff, 0xff, 0xc0, 0x00, 0x73, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xfe, 0xe0, 0x00, 0x00, 0xff, 0xff, 0xff, 0x80, 0x00, 0x7b, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xfd, 0xe0, 0x00, 0x00, 0x7f, 0xff, 0xfe, 0x00, 0x00, 0x33, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xfd, 0xe0, 0x00, 0x00, 0x3f, 0xff, 0xf8, 0x00, 0x00, 0x27, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 0x00, 0x0f, 0xff, 0xf0, 0x00, 0x00, 0x0f, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0x60, 0x00, 0x00, 0x67, 0xff, 0xe0, 0x00, 0x00, 0x1b, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xfd, 0x40, 0x00, 0x00, 0xf3, 0xff, 0xc4, 0x00, 0x00, 0x0b, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xfe, 0x80, 0x00, 0x00, 0xfc, 0xff, 0x8c, 0x00, 0x00, 0x03, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x7f, 0x3c, 0x3c, 0x00, 0x00, 0x07, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 0x00, 0x3f, 0xc0, 0x7c, 0x00, 0x00, 0x03, 0xff, 0xff, 0xff, 
    0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 0x00, 0x1f, 0xff, 0xfc, 0x00, 0x00, 0x03, 0xff, 0xff, 0xff
};
 
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();
}
 
void loop() {
  
}

Lalu, coba jalankan kode programnya. Nanti hasilnya akan seperti ini.

Bagaimana, mudah bukan? Sampai jumpa di lain waktu teman-teman!

Referensi :

ESP32 OLED Display with Arduino IDE | Random Nerd Tutorials

This guide shows how to use the 0.96 inch SSD1306 OLED display with ESP32 using Arduino IDE. We'll show you how to…

randomnerdtutorials.com

--

--

Paul Marturia
Paul Marturia

Written by Paul Marturia

2 Followers
1 Following

Help

Status

About

Careers

Press

Blog

Privacy

Terms

Text to speech

Teams