Come disegnare cerchi su OLED usando ESP Top 10 con Arduino IDE
ESP32 è una piccola scheda basata su microcontrollore compatta. ESP32 può elaborare le istruzioni e generare output di conseguenza. ESP32 ha attirato un'enorme quantità di attenzione negli ultimi anni rispetto ad Arduino, questo è a causa delle sue caratteristiche IoT a tutti gli effetti, incluso il supporto WiFi e Bluetooth. Come Arduino possiamo anche interfacciarsi diversi sensori con ESP32. Qui questo tutorial coprirà l'interfaccia del display OLED con ESP32 e disegnando un cerchio usando il codice Arduino.
Questa lezione include i seguenti argomenti:
1: Introduzione al display OLED ESP32
2: Modulo di visualizzazione OLED di cablaggio su ESP32
3: installazione delle librerie richieste
4: disegnare un cerchio sul display OLED usando Arduino IDE
4.1: codice
4.2: output
5: disegnare un cerchio pieno sullo schermo OLED usando Arduino IDE
5.1: codice
5.2: output
6: combinando entrambi i cerchi sullo schermo OLED usando Arduino IDE
6.1: codice
6.2: output
1: Introduzione al display OLED ESP32
Schermo OLED noto anche come Organic Light Emitti Diode. Gli schermi OLED sono le migliori alternative agli schermi LCD. I LED all'interno dello schermo OLED illuminano i pixel che ci visualizzano immagini e testo diversi. Mentre sull'altro lato lo schermo LCD utilizza una retroilluminazione per illuminare i suoi pixel. All'interno del display OLED ci sono centinaia di LED che brillano e visualizzano le immagini e il testo. La luminosità di questi pixel può essere controllata pixel da pixel.
Ora interfacciamo ESP32 con un display OLED.
2: Modulo di visualizzazione OLED di cablaggio su ESP32
Gli schermi OLED lavorano principalmente su due protocolli di comunicazione. Questi sono i2c e SPI. Tra questi due SPI (interfaccia periferica seriale) è più veloce rispetto a I2C, ma il più delle volte è preferito il display OLED I2C a causa del minor numero di fili.
Utilizzando I2C OLED a due pin SDA e SCL sono sufficienti per la visualizzazione di immagini e testo. L'immagine data mostra ESP32 con 0.Schermo OLED da 96 pollici (128 × 64 pixel).
La connessione per pin ESP32 con OLED è la seguente:
Dato che abbiamo interfacciato ESP32 con un display OLED, ora installeremo le librerie necessarie nell'IDE Arduino in modo da poter andare avanti con le forme che vengono visualizzate sullo schermo OLED.
3: installazione delle librerie richieste
Esistono diverse librerie disponibili all'interno dell'IDE Arduino per il display SSD1306. Usando queste librerie, possiamo visualizzare testo e immagini con l'aiuto di Arduino IDE.
Oggi useremo due librerie Adafruit: SSD1306 E Gfx biblioteca.
Apri Arduino IDE e cerca la libreria SSD1306. Installa la libreria OLED SSD1306 di Adafruit.
Altro modo di installare è: Sketch> Includi la libreria> Gestisci le biblioteche:
Ora installa il Gfx Biblioteca di Adafruit:
Ora abbiamo installato entrambe le librerie.Quindi, ora possiamo facilmente programmare ESP32 con un display OLED.
4: disegnare un cerchio sul display OLED usando Arduino IDE
Per disegnare un cerchio su uno schermo OLED useremo il Drawcircle (X-coordinate del centro, coordinato Y del centro, raggio) funzione.
Questa funzione prende 3 argomenti:
- Posizione del centro rispetto alla coordinata X
- Posizione del centro rispetto alla coordinata Y
- Raggio del cerchio in pixel
Dopo aver definito tutti e tre i parametri, caricare il codice sulla scheda ESP32.
1: codice
Apri Arduino IDE, Connect ESP32 e Codice di caricamento:
Codice avviato includendo i file della libreria SSD1306 necessari. Dopodiché abbiamo definito l'indirizzo I2C e i pin i2C per la comunicazione.
Ricorda di controllare l'indirizzo I2C prima di definire. Per controllare l'indirizzo I2C di qualsiasi dispositivo caricare il codice indicato in Tutorial Come scansionare l'indirizzo I2C in ESP32 utilizzando Arduino IDE.
Se stai usando più di un dispositivo I2C con lo stesso indirizzo, devi prima cambiare l'indirizzo di uno di essi.
Successivamente nel codice abbiamo inizializzato il display OLED e definito la funzione Draw Circle. Qui abbiamo definito il pixel centrale del cerchio con coordinate x di 70 e Y di 30. Il cerchio con raggio di 25 verrà disegnato in questa posizione. Qui il raggio indicato è nel numero di pixel.
#include "SSD1306.H"
Display SSD1306 (0x3c, 21, 22);
void setup ()
Schermo.dentro();
Schermo.Drawcircle (70, 30, 25);
Schermo.Schermo();
void loop ()
2: output
Dopo il caricamento del codice in ESP32 sotto verrà visualizzato l'output sullo schermo OLED.
5: disegnare un cerchio pieno sullo schermo OLED usando Arduino IDE
Ora disegneremo un cerchio pieno. Il codice è praticamente simile al precedente. L'unica differenza qui è che abbiamo usato una nuova funzione. Schermo.FillCircle (70, 30, 25); Questa funzione prende anche tre argomenti come il precedente. I primi due argomenti definiranno la posizione del cerchio e l'ultimo rappresenterà il diametro del cerchio.
1: codice
Apri Arduino IDE e carica il codice dato.
Codice avviato includendo i file della libreria SSD1306 necessari. Dopodiché abbiamo definito l'indirizzo I2C e i pin i2C per la comunicazione.
Successivamente nel codice abbiamo inizializzato il display OLED e definito la funzione di disegno come un cerchio pieno. Questa funzione disegnerà un cerchio pieno con parametri definiti. Qui abbiamo definito il pixel centrale del cerchio con coordinate x di 70 e Y di 30. Il cerchio con raggio di 25 verrà disegnato in questa posizione.
#include "SSD1306.H"
Display SSD1306 (0x3c, 21, 22);
void setup ()
Schermo.dentro();
Schermo.FillCircle (70, 30, 25);
Schermo.Schermo();
void loop ()
2: output
Dopo aver caricato il codice su ESP32 sotto il cerchio pieno può essere visto:
6: combinando entrambi i cerchi sullo schermo OLED usando Arduino IDE
Ora per combinare entrambi i cerchi definiremo entrambe le funzioni nello stesso programma. Ricorda di cambiare il raggio e la dimensione del cerchio, altrimenti entrambi i cerchi si sovrappongono.
1: codice
Apri Arduino IDE e Carica il codice su ESP32.
Questo programma disegnerà due cerchi con un raggio di 25. Un cerchio non sarà pieno e il secondo sarà riempito:
#include "SSD1306.H"
Display SSD1306 (0x3c, 21, 22);
void setup ()
Schermo.dentro();
Schermo.Drawcircle (40, 30, 25);
Schermo.FillCircle (100, 30, 25);
Schermo.Schermo();
void loop ()
2: output
Dopo il caricamento del codice, possiamo vedere l'output di seguito sullo schermo OLED:
Conclusione
I display OLED sono un ottimo modo per dare una rappresentazione grafica ai nostri dati. Qui questo articolo copre alcuni semplici passaggi necessari per disegnare un cerchio su un display OLED. Utilizzando il codice dato qualsiasi display OLED può essere utilizzato per visualizzare immagini e testo. Per maggiori dettagli leggi l'articolo.