Skip to content

CrowPanel Advance 2.8inch ESP IDF Course V12

# CrowPanel Advance 2.8-inch HMI ESP32-S3 Screen ### ESP-IDF Course Guide **320 x 240 IPS Touchscreen | ESP32-S3 | ESP-IDF | V1.2** ---

Product Model: CrowPanel-Advance-2.8-HMI-ESP32-S3-AI-Powered-IPS-Touch-Screen
Hardware Version: V1.2
Number of Lessons: 5 lessons
Development Platform: ESP-IDF v5.5.4 + ESP32-S3
Learning Path: ESP-IDF Environment Setup -> Network Audio -> LVGL Light Control -> DHT20 Temperature and Humidity Display -> SD Card Image Display

1. Course Overview

This course is designed for the CrowPanel Advance 2.8-inch HMI ESP32-S3 Screen V1.2 and uses native ESP-IDF projects for development. The course starts with ESP-IDF development environment installation and serial port verification, then proceeds through network audio playback, LCD / Touch / LVGL 9.1.0 graphical interface control, DHT20 temperature and humidity data acquisition and display, and SD card image reading and screen display.

The 2.4-inch and 2.8-inch screens both have a resolution of 320 x 240, and they share the same ESP-IDF course content and lesson links. This guide focuses on the 2.8inch V1.2 version.

2. Preparation Before Starting

  • Hardware: CrowPanel Advance 2.8-inch HMI ESP32-S3 Screen V1.2
  • USB Cable: Use a USB cable that supports data transfer
  • Development Software: Visual Studio Code + ESP-IDF Extension
  • ESP-IDF Version: v5.5.4
  • Getting Started with ESP IDF: https://www.elecrow.com/wiki/ESP_IDF_Installation_Guide.html
  • Target Chip: esp32s3
  • Screen Resolution: 320 x 240
  • Graphics Library: LVGL 9.1.0
  • Basic Environment: Complete the ESP-IDF installation, target chip, serial port, build, and flash verification in Lesson 1 first

3. Course Code

Main ESP-IDF Code Link: https://github.com/Elecrow-RD/CrowPanel-Advance-2.8-HMI-ESP32-S3-AI-Powered-IPS-Touch-Screen-320x240/tree/master/example/V1.1_and_V1.2/ESP_IDF

The 2.8inch ESP-IDF uses the V1.2 version. The 2.4 / 2.8-inch lesson code is shared.

4. Course Catalog

Lesson Lesson Name Main Content
01 Install Software Environment Install the ESP-IDF environment, configure the target chip, and complete serial port verification
02 Network Audio Playback Implement network audio playback using ESP-IDF
03 LVGL Light Control Initialize LCD, Touch, and LVGL 9.1.0, and control GPIO18 through interface buttons
04 DHT20 Temperature and Humidity Display Read DHT20 temperature and humidity data and display it on the LVGL interface
05 SD Card Image Display Read image files from the SD card and display them on the screen

Lesson 01 | ESP-IDF Environment Installation and Serial Port Verification

Lesson Link: https://www.elecrow.com/wiki/IDF_01_Install_Software_Environment_V13.html


Lesson 02 | Network Audio Playback

Lesson Link: https://www.elecrow.com/wiki/2.4_2.8_ESP-IDF-02-Network_Audio_Playback.html


Lesson 03 | LVGL Light Control

Lesson Link: https://www.elecrow.com/wiki/2.4_2.8_ESP-IDF-03-LVGL_Light_Control.html


Lesson 04 | DHT20 Temperature and Humidity Display

Lesson Link: https://www.elecrow.com/wiki/2.4_2.8_ESP-IDF-04-DHT20_Temperature_and_Humidity_Display.html


Lesson 05 | SD Card Image Display

Lesson Link: https://www.elecrow.com/wiki/2.4_2.8_ESP-IDF-05-SD_Card_Image_Display.html

Study in order from Lesson 01 to Lesson 05:

  1. Development Basics: In Lesson 01, first complete ESP-IDF v5.5.4 environment installation, target chip esp32s3 configuration, serial port connection, build, and flash verification.
  2. Audio Functionality: In Lesson 02, learn the network audio playback workflow and understand the audio playback tasks and peripheral initialization in an ESP-IDF project.
  3. Display and Touch: In Lesson 03, learn how to use LCD, Touch, LVGL 9.1.0, and GPIO control together.
  4. Sensor Display: In Lesson 04, learn how to read the DHT20 temperature and humidity sensor and update the data to the LVGL interface.
  5. Storage and Image Display: In Lesson 05, learn SD card file reading and image display to build a foundation for later graphical interface projects.

**First complete ESP-IDF environment verification, then progressively learn audio, LVGL, sensors, and SD card display to build a foundation for ESP-IDF development on the 2.8inch HMI screen.**