Wie zeichnet man Kreise auf OLED mit ESP Top 10 mit Arduino IDE
ESP32 ist ein kompaktes Mikrocontroller -Basis -kleiner Board. ESP32 kann Anweisungen verarbeiten und Ausgaben entsprechend generieren. ESP32 hat in den letzten Jahren im Vergleich zu Arduino eine enorme Aufmerksamkeit gewonnen. Dies liegt an den vollwertigen IoT-Funktionen wie WiFi und Bluetooth Support. Wie Arduino können wir auch verschiedene Sensoren mit ESP32 interpretieren. Hier wird dieses Tutorial die Schnittstelle des OLED -Displays mit ESP32 und Zeichnen eines Kreises mit dem Arduino -Code abdecken.
Diese Lektion enthält folgende Themen:
1: Einführung in das ESP32 OLED -Display
2: Verkabelung OLED -Anzeigemodul zu ESP32
3: Installation der erforderlichen Bibliotheken
4: Zeichnen Sie einen Kreis auf OLED -Display mit Arduino IDE
4.1: Code
4.2: Ausgabe
5: Zeichnen Sie einen gefüllten Kreis auf dem OLED -Bildschirm mit Arduino IDE
5.1: Code
5.2: Ausgabe
6: Kombinieren Sie beide Kreis auf dem OLED -Bildschirm mit Arduino IDE
6.1: Code
6.2: Ausgabe
1: Einführung in das ESP32 OLED -Display
OLED -Bildschirm auch als bekannt als als ÖRganic Lig EMitting DIode. OLED -Bildschirme sind die besten Alternativen zu LCD -Bildschirmen. LEDs im OLED -Bildschirm beleuchten die Pixel, die uns verschiedene Bilder und Text anzeigen. Auf der anderen Seite verwendet der LCD -Bildschirm eine Hintergrundbeleuchtung, um seine Pixel zu beleuchten. In der OLED -Anzeige befinden sich Hunderte von LEDs, die die Bilder und den Text leuchten und anzeigen. Die Helligkeit dieser Pixel kann von Pixel kontrolliert werden.
Jetzt werden wir ESP32 mit einem OLED -Display einbinden.
2: Verkabelung OLED -Anzeigemodul zu ESP32
OLED -Bildschirme arbeiten hauptsächlich an zwei Kommunikationsprotokollen. Das sind I2C und SPI. Unter diesen beiden SPI (serielle periphere Grenzfläche) ist im Vergleich zu I2C schneller, aber die meiste Zeit wird I2C -OLED -Display aufgrund weniger Anzahl von Drähten bevorzugt.
Mit i2c OLED -SDA und SCL reichen aus, um Bilder und Text anzuzeigen. Das angegebene Bild zeigt ESP32 mit 0.OLED-Bildschirm von 96 Zoll (128 × 64 Pixel).
ESP32 PINS -Verbindung mit OLED ist wie folgt:
Da wir ESP32 mit einem OLED -Display miteinander verbunden haben, werden wir jetzt die erforderlichen Bibliotheken in der Arduino -IDE installieren, damit wir mit Formen auf dem OLED -Bildschirm voranschreiten können.
3: Installation der erforderlichen Bibliotheken
In der Arduino IDE sind verschiedene Bibliotheken für das SSD1306 -Display erhältlich. Mit diesen Bibliotheken können wir Text und Bilder mit Hilfe von Arduino IDE anzeigen.
Heute werden wir zwei Adafruit -Bibliotheken verwenden: SSD1306 Und GFX Bibliothek.
Öffnen Sie Arduino IDE und suchen Sie nach der SSD1306 -Bibliothek. Installieren Sie die SSD1306 OLED -Bibliothek mit Adafruit.
Eine andere Art der Installation besteht darin,: Skizze> Bibliothek einschließen> Bibliotheken verwalten:
Installieren Sie nun die GFX Bibliothek von Adafruit:
Jetzt haben wir beide Bibliotheken installiert.So können wir jetzt ESP32 mit einem OLED -Display problemlos programmieren.
4: Zeichnen Sie einen Kreis auf OLED -Display mit Arduino IDE
Um einen Kreis auf einem OLED -Bildschirm zu zeichnen, werden wir die verwenden Drawcircle (X-Koordinate des Zentrums, y-Koordinate des Zentrums, Radius) Funktion.
Diese Funktion erfordert 3 Argumente:
- Zentrumsposition in Bezug auf X-Koordinate
- Zentrumsposition in Bezug auf Y-Koordinate
- Kreisradius in Pixeln
Laden Sie den Code in die ESP32 -Karte hoch, nachdem Sie all diese drei Parameter definiert haben.
1: Code
Öffnen Sie Arduino IDE, verbinden Sie ESP32 und hochladen Code:
Der Code begann mit den erforderlichen SSD1306 -Bibliotheksdateien. Danach haben wir die I2C -Adresse und die I2C -Stifte für die Kommunikation definiert.
Denken Sie daran, zuerst die I2C -Adresse zu überprüfen, bevor Sie definiert. Überprüfen Sie die I2C.
Wenn Sie mehr als ein I2C -Gerät mit derselben Adresse verwenden, müssen Sie zuerst die Adresse von ihnen ändern.
Als nächstes in Code haben wir die OLED -Anzeige initialisiert und die Funktion des Zeichnungskreises definiert. Hier haben wir das mittlere Pixel des Kreises mit X -Koordinate von 70 und Y -Koordinate von 30 definiert. Kreis mit einem Radius von 25 wird an dieser Position gezogen. Hier liegt der angegebene Radius in der Anzahl der Pixel.
#include "SSD1306.H"
SSD1306 Display (0x3c, 21, 22);
void setup ()
Anzeige.drin();
Anzeige.Drawcircle (70, 30, 25);
Anzeige.Anzeige();
void Loop ()
2: Ausgabe
Nach dem Hochladen von Code in ESP32 unten wird auf dem OLED -Bildschirm angezeigt.
5: Zeichnen Sie einen gefüllten Kreis auf dem OLED -Bildschirm mit Arduino IDE
Jetzt werden wir einen gefüllten Kreis zeichnen. Code ist dem vorherigen ziemlich ähnlich. Der einzige Unterschied hierfür ist, dass wir eine neue Funktion verwendet haben. Anzeige.Fillcircle (70, 30, 25); Diese Funktion nimmt auch drei Argumente als die vorherige. Die ersten beiden Argumente definieren die Position des Kreises und der letzte wird den Durchmesser des Kreises darstellen.
1: Code
Öffnen Sie Arduino IDE und laden Sie den angegebenen Code hoch.
Der Code begann mit den erforderlichen SSD1306 -Bibliotheksdateien. Danach haben wir die I2C -Adresse und die I2C -Stifte für die Kommunikation definiert.
Als nächstes in Code haben wir die OLED -Anzeige initialisiert und die Zeichnungsfunktion als gefüllter Kreis definiert. Diese Funktion zeichnet einen gefüllten Kreis mit definierten Parametern. Hier haben wir das mittlere Pixel des Kreises mit X -Koordinate von 70 und Y -Koordinate von 30 definiert. Kreis mit einem Radius von 25 wird an dieser Position gezogen.
#include "SSD1306.H"
SSD1306 Display (0x3c, 21, 22);
void setup ()
Anzeige.drin();
Anzeige.Fillcircle (70, 30, 25);
Anzeige.Anzeige();
void Loop ()
2: Ausgabe
Nach dem Hochladen von Code auf ESP32 unter dem gefüllten Kreis ist zu sehen:
6: Kombinieren Sie beide Kreis auf dem OLED -Bildschirm mit Arduino IDE
Um beide Kreise zu kombinieren, werden wir beide Funktionen im selben Programm definieren. Denken Sie daran, den Radius und die Dimension des Kreises zu ändern, da sich beide Kreise sonst überlappen.
1: Code
Öffnen Sie Arduino IDE und hochladen Code auf ESP32.
Dieses Programm zeichnet zwei Kreise mit einem Radius von 25. Ein Kreis wird nicht besetzt sein und der zweite wird gefüllt:
#include "SSD1306.H"
SSD1306 Display (0x3c, 21, 22);
void setup ()
Anzeige.drin();
Anzeige.Drawcircle (40, 30, 25);
Anzeige.Fillcircle (100, 30, 25);
Anzeige.Anzeige();
void Loop ()
2: Ausgabe
Nach dem Hochladen von Code können wir die folgende Ausgabe auf dem OLED -Bildschirm sehen:
Abschluss
OLED -Displays sind eine großartige Möglichkeit, unseren Daten eine grafische Darstellung zu verleihen. Hier deckt dieser Artikel einige einfache Schritte ab, um einen Kreis auf einer OLED -Anzeige zu zeichnen. Mit dem angegebenen Code kann jede OLED -Anzeige verwendet werden, um Bilder und Text anzuzeigen. Weitere Informationen finden Sie im Artikel.