![Cyber Chasse- OLED Graphic Display Interfacing](https://cyberchasse.com/wp-content/uploads/OLED-Graphic-Display-Interfacing-With-NodeMCU.jpg)
17 Aug OLED Graphic Display Interfacing with NodeMCU
In this blog, we can learn about OLED Graphic Display Interfacing with NodeMCU.
The OLED module depicted in the above picture is one of the renowned modules available in the market. Several variants of this module are currently available with diverse resolutions, modified communication protocols, and different pixel colors. The backlight is not required for this OLED module, as the display is capable of generating light on its own. Hence, power consumption is also significantly less when compared to other displays. Both I2C as well as SPI based OLED modules are easily available now in the market.
In this blog post let’s learn step by step using appropriate examples, images, and codes on how to display an image on an 0.96 OLED.
Hardware Requirement:
- NodeMCU
- Connecting Wires
- 0.96OLED
- USB Cable
Software Requirement:
- Arduino Ide
- Image to bitmap code converter(https://javl.github.io/image2cpp/)
PIN DIAGRAM:
![NodeMCU](https://cyberchasse.com/wp-content/uploads/OLED-Graphic-Display-Interfacing-With-NodeMCU-PIN-DIAGRAM1-300x150.jpg)
OLED Display Interfacing with NodeMCU |
CONNECTION:
NodeMCU OLED
GPIO5 SCK
GPIO5 SDA
VCC VCC
GND GND
![NodeMCU](https://cyberchasse.com/wp-content/uploads/OLED-Graphic-Display-Interfacing-With-NodeMCU-CONNECTION2-300x150.jpg)
Installation of SSD1306 OLED Library – ESP826:
1. In your Arduino IDE, select Sketch, followed by Include Library, and Manage Libraries. The Library Manager will open.
2. In the search box, type “SSD1306” and install it from Adafruit.
![NodeMCU](https://cyberchasse.com/wp-content/uploads/OLED-Graphic-Display-Interfacing-With-NodeMCU3-300x150.jpg)
3. Once the SSD1306 library installation from Adafruit is done, type “GFX” in the search box and install the GFX library.
![NodeMCU](https://cyberchasse.com/wp-content/uploads/OLED-Graphic-Display-Interfacing-With-NodeMCU4-300x150.jpg)
OLED Display Testing with ESP8266:
Once the required libraries are installed, You will be able to add both the Adafruit GFX and Adafruit SSD1306 libraries.
![NodeMCU](https://cyberchasse.com/wp-content/uploads/OLED-Graphic-Display-Interfacing-With-NodeMCU5-300x150.jpg)
Image to Adafruit_GFX Bitmap Code Conversion:
Step 1: From https://javl.github.io/image2cpp/ choose the logo image of size 128*64 Pixel
Image Logo:
Step 2: Once the image is added to imagetocpp file, select the appropriate settings
![OLED Graphic Display Interfacing With NodeMCU](https://cyberchasse.com/wp-content/uploads/OLED-Graphic-Display-Interfacing-With-NodeMCU6-300x150.jpg)
Step3: Now, you can generate the Adafruit_GFX Bitmap Code
![OLED Graphic Display Interfacing With NodeMCU](https://cyberchasse.com/wp-content/uploads/OLED-Graphic-Display-Interfacing-With-NodeMCU7-300x150.jpg)
Step4: In your Arduino code, add the bit map code as shown below
Source code:
![OLED Graphic Display](https://cyberchasse.com/wp-content/uploads/2020/08/image-20.png)
![OLED Graphic Display](https://cyberchasse.com/wp-content/uploads/2020/08/image-28.png)
![OLED Graphic Display](https://cyberchasse.com/wp-content/uploads/2020/08/image-19.png)
![OLED Graphic Display](https://cyberchasse.com/wp-content/uploads/2020/08/image-27.png)
![OLED Graphic Display](https://cyberchasse.com/wp-content/uploads/2020/08/image-26.png)
![OLED Graphic Display](https://cyberchasse.com/wp-content/uploads/2020/08/image-18.png)
This code represents how to display a simple text, animated text, and other images on 0.96OLED interfacing NodeMCU.
If you still have issues in this topic, do not hesitate to post your queries in the Comment Box below, and for more such interesting and informative technical write-ups follow us on 👍 Social Networks😉