Example Code for Arduino-Colorful Background

Hardware Preparation

• FireBeetle ESP32-E IoT Microcontroller(SKU: DFR0654) (or similar) × 1
• 1.47" 172×320 IPS LCD Display Module(SKU: DFR0995) × 1
• FPC Cable (included with DFR0995) × 1
• Type-C Cable x1
• M-M/F-M/F-F Jumper wires

Software Preparation

• Download Arduino IDE: Click to download Arduino IDE
• Install SDK: click to enter FireBeetle ESP32-E IoT Microcontroller Wiki for SDK installation tutorial
• Download the DFRobot GDL Library: DFRobot GDL Library.
• For Arduino IDE V1.8.19 (or earlier), install the library manually: How to Add a Library？
• For Arduino IDE V2.0.0 (or later), directly search for the "DFRobot GDL Library" in the Library Manager and install it.

Wiring Diagram

The following provides two ways to connect 1.47" display to the FireBeetle ESP32-E:

1. Directly connect to GDI via FPC.
2. Connect to SPI function pin.

Connection 1:

Wire Sequence for GDI connection:

Connection 2:

Wire sequence for SPI connection:

Sample Code

Screen rainbow gradient initialization program.

#include "DFRobot_GDL.h"

#define TFT_DC  D2
#define TFT_CS  D6
#define TFT_RST D3
#define TFT_BL  D4

DFRobot_ST7789_172x320_HW_SPI screen(/*dc=*/TFT_DC,/*cs=*/TFT_CS,/*rst=*/TFT_RST,/*bl=*/TFT_BL);
/* M0 mainboard DMA transfer */
//DFRobot_ST7789_172x320_DMA_SPI screen(/*dc=*/TFT_DC,/*cs=*/TFT_CS,/*rst=*/TFT_RST,/*bl=*/TFT_BL);

byte red = 29; 
byte green = 0;
byte blue = 0; 
byte state = 0;
boolean initial = 1;

void setup() {
  screen.begin();
  screen.fillScreen(COLOR_RGB565_LGRAY);
  for(uint16_t i=0;i<screen.height();i++){
    screen.drawFastHLine(0,i,screen.width(),rainbow()); 
   }
}

void loop() {
}

unsigned int rainbow()
{
    switch (state) {
      case 0:
        green ++;
        if (green == 64) {
          green = 63;
          state = 1;
        }
        break;
      case 1:
        red--;
        if (red == 255) {
          red = 0;
          state = 2;
        }
        break;
      case 2:
        blue ++;
        if (blue == 32) {
          blue = 31;
          state = 3;
        }
        break;
      case 3:
        green --;
        if (green == 255) {
          green = 0;
          state = 4;
        }
        break;
      case 4:
        red ++;
        if (red == 32) {
          red = 31;
          state = 5;
        }
        break;
      case 5:
        blue --;
        if (blue == 255) {
          blue = 0;
          state = 0;
        }
        break;
    }
    return red << 11 | green << 5 | blue;
}

Result

Burn the codes into the ESP32-E, then the screen shows rainbow colors.