This demo demonstrates that the ESP32-C6-LCD-1.69 plays PCM audio data.

【Code analysis】

• Set the audio data to play

i2s.write((uint8_t *)audio_data, AUDIO_SAMPLES * 2);

【Result demonstration】

• Nothing will be shown on the screen if you play the audio file

This demo demonstrates how to use the OneButton library to read the click, double-click, and long press states of the BOOT and PWM buttons, and print the states through the serial port.

【Code analysis】

• Bind callback functions

  button1.attachClick(click1);
  button1.attachDoubleClick(doubleclick1);
  button1.attachLongPressStart(longPressStart1);
  button1.attachLongPressStop(longPressStop1);
  button1.attachDuringLongPress(longPress1);

【Result demonstration】

• Nothing will be shown on the screen
• Open the serial port monitor

This demo demonstrates that ESP32-C6-LCD-1.69 displays the battery voltage in real time on the screen.

【Result demonstration】

This demo demonstrates using the ESP32-C6-LCD-1.69 to drive the ES8311 audio codec to achieve real-time playback of microphone-collected sound through the speaker.

【Code analysis】

• After receiving the start signal, the audio data is read in a loop and played, and the playback is stopped after receiving the stop signal and waiting for the next start.

void es8311_test_task(void *arg)
{
  const int limit_size_max = 1600;
  uint8_t data[limit_size_max];
  while (1)
  {
    if (xSemaphoreTake(es8311_recording_BinarySemaphore, portMAX_DELAY) == pdTRUE)
    {
      while (1)
      {
        i2s.readBytes((char *)data, limit_size_max);
        i2s.write(data, limit_size_max);
        if (xSemaphoreTake(es8311_stop_BinarySemaphore, 0) == pdTRUE)
          break;
      }
    }
  }
}

【Result demonstration】

• Nothing will be shown on the screen
• Hold down the BOOT button without releasing it, and the speaker will play back the sound collected by the microphone in real time.

This demo demonstrates the ESP32-C6-LCD-1.69 using the GFX_Library_for_Arduino library to drive the screen and display HelloWorld on the screen.

【Code analysis】

• Configure the screen interface and screen resolution, etc.

Arduino_DataBus *bus = new Arduino_HWSPI(LCD_DC, LCD_CS, LCD_SCK, LCD_DIN);
Arduino_GFX *gfx = new Arduino_ST7789(
  bus, LCD_RST, 0 /* rotation */, true /* IPS */,
  240 /* width */, 280 /* height */,
  0 /* col offset 1 */, 20 /* row offset 1 */,
  0 /* col offset 2 */, 20 /* row offset 2 */);

【Result demonstration】

This demo demonstrates that the ESP32-C6-LCD-1.69 uses the GFX_Library_for_Arduino library to drive the screen for the graphical test and displays the score

【Result demonstration】

This demo demonstrates that the ESP32-C6-LCD-1.69 uses the GFX_Library_for_Arduino library to display an analog clock dial

【Result demonstration】

This demo demonstrates how ESP32-C6-LCD-1.69 uses GFX_Library_for_Arduino libraries to load font libraries to display them in various languages

【Result demonstration】

This demo demonstrates how the ESP32-C6-LCD-1.69 uses the GFX_Library_for_Arduino library to display pictures on the screen.

【Hardware connection】

• Connect the board to the computer

【Preparation】

• Open Zimo221 Chinese character conversion software
• Import the image images/image_1.jpg and convert it, the image_1.h file will be generated

• Copy image_1.h to the project
• Set the image to be displayed

gfx->draw16bitBeRGBBitmap(0, 0, (uint16_t *)gImage_img, 240, 280);

【Result demonstration】

This demo demonstrates the ESP32-C6-LCD-1.69 using a GFX_Library_for_Arduino library to display the signal strength of the WiFi band

【Result demonstration】

This demo demonstrates that the ESP32-C6-LCD-1.69 obtains the time and date of the PCF85063 and displays it on the screen.

【Result demonstration】

This demo demonstrates that the ESP32-C6-LCD-1.69 acquires the Accel, Gyro, and temperature of the qmi8658 and displays them on the screen.

【Result demonstration】

This demo shows that ESP32-C6-LCD-1.69 runs lvgl v8 version demo.

【Result demonstration】

This demo shows that ESP32-C6-LCD-1.69 runs lvgl v8 version demo.

【Result demonstration】

New Project

Create Demo

• Using the shortcut F1, enter esp-idf:show examples projects
  

• Select your current IDF version
  

• Take the Hello world demo as an example

①Select the corresponding demo
②Its readme will state what chip the demo applies to (how to use the demo and the file structure are described below, omitted here)
③Click to create the demo

• Select the path to save the demo, and require that the demos cannot use folders with the same name
  

Modify COM Port

• The corresponding COM ports are shown here, click to modify them
  
• Please select the COM ports according to your device (You can view it from the device manager)
  
• In case of a download failure, please press the Reset button for more than 1 second or enter download mode, and wait for the PC to recognize the device again before downloading once more
  

Modify Driver Object

• Select the object we need to drive, which is our main chip ESP32S3
  

• Choose the openocd path, it doesn't affect us here, so let's just choose one
  

Other Status Bar Functions

①.ESP-IDF Development Environment Version Manager, when our project requires differentiation of development environment versions, it can be managed by installing different versions of ESP-IDF. When the project uses a specific version, it can be switched to by utilizing it
②.Device flashing COM port, select to flash the compiled program into the chip
③.Select set-target chip model, select the corresponding chip model, for example, ESP32-P4-NANO needs to choose esp32p4 as the target chip
④.menuconfig, click it to Modify sdkconfig configuration file Project configuration details
⑤.fullclean button, when the project compilation error or other operations pollute the compiled content, you can clean up all the compiled content by clicking it
⑥.Build project, when a project satisfies the build, click this button to compile
⑦.Current download mode, the default is UART
⑧.flash button, when a project build is completed, select the COM port of the corresponding development board, and click this button to flash the compiled firmware to the chip
⑨.monitor enable flashing port monitoring, when a project passes through Build --> Flash, click this button to view the log of output from flashing port and debugging port, so as to observe whether the application works normally
⑩.Debug
⑪.Build Flash Monitor one-click button, which is used to continuously execute Build --> Flash --> Monitor, often referred to as "little flame"

Compile, Flash and Serial Port Monitor

• Click on the all-in-one button we described before to compile, flash and open the serial port monitor
  

• It may take a long time to compile especially for the first time
  

• During this process, the ESP-IDF may take up a lot of CPU resources, so it may cause the system to lag
  
• If it is the first time to flash the program for a new project, you will need to select the download method, and select UART
  

• This can also be changed later in the Download methods section (click on it to pop up the options)
  

• As it comes with the onboard automatic download circuit, it can be downloaded automatically without manual operation
• After successful download, it will automatically enter the serial monitor, you can see the chip output the corresponding information and be prompted to restart after 10S
  

Use the IDF Demos

Open In the Software

• Open VScode software and select the folder to open the demo
  

• Select the provided ESP-IDF example and click to select the file (located in the /Demo/ESP-IDF path under demo)
  

Open from Outside the Software

• Select the project directory correctly and open the project, otherwise it will affect the compilation and flashing of subsequent programs
  

• After connecting the device, select the COM port and model, click below to compile and flash to achieve program control
  

ESP-IDF Project Details

• Component: The components in ESP-IDF are the basic modules for building applications, each component is usually a relatively independent code base or library, which can implement specific functions or services, and can be reused by applications or other components, similar to the definition of libraries in Python development.
  • Component reference: The import of libraries in the Python development environment only requires to "import library name or path", while ESP-IDF is based on the C language, and the importing of libraries is configured and defined through CMakeLists.txt.
  • The purpose of CmakeLists.txt: When compiling ESP-IDF, the build tool CMake first reads the content of the top-level CMakeLists.txt in the project directory to read the build rules and identify the content to be compiled. When the required components and demos are imported into the CMakeLists.txt, the compilation tool CMake will import each content that needs to be compiled according to the index. The compilation process is as follows:

This is a comprehensive demo of ESP32-C6-LCD-1.69, which is also the default demo flashed at factory.

【Result demonstration】

• Hold down the BOOT button without releasing it, and the speaker will play back the sound collected by the microphone in real time.
• Short press the BOOT button and release it, the interface switches.

This demo shows that ESP32-C6-LCD-1.69 runs lvgl v8 version demo.

【Result demonstration】

This demo shows that ESP32-C6-LCD-1.69 runs lvgl v8 version demo.

【Result demonstration】

This demo demonstrates that ESP32-C6-LCD-1.69 drives QMI8658, obtains and prints Accel, Gyro, and Angle.

【Code analysis】

• Initialize and start the test program

    i2c_master_bus_handle_t i2c_bus_handle;
    bsp_pwr_init();
    i2c_bus_handle = bsp_i2c_init(); //I2C initialization
    bsp_qmi8658_init(i2c_bus_handle); // QMI8658 initialization
    bsp_qmi8658_test(); // QMI8658 test

【Result demonstration】

• Nothing will be shown on the screen
• Open the serial port monitor

This demo demonstrates that ESP32-C6-LCD-1.69 drives PCF85063, sets the time, date, and obtains the time.

【Code analysis】

• Initialize and start the test program

    i2c_master_bus_handle_t i2c_bus_handle;
    bsp_pwr_init();
    i2c_bus_handle = bsp_i2c_init();   //I2C initialization
    bsp_pcf85063_init(i2c_bus_handle); // QMI8658 initialization
    bsp_pcf85063_test();               // QMI8658 test

【Result demonstration】

• Nothing will be shown on the screen
• Open the serial port monitor

This demo shows that ESP32-C6-LCD-1.69 runs lvgl v8 version and displays pictures.

【Hardware connection】

• Connect the board to the computer

【Preparation】

• Open lvgl Image Converter website
• Import the image images/image_1.jpg and convert it, the image_1.c file will be generated

• Copy image_1.c to the main folder
• Add "image_1.c" to the CMakeLists.txt in the main folder

idf_component_register(SRCS "main.cpp" "image_1.c"
                    INCLUDE_DIRS ".")

• Add the following code to main.c to declare the image

LV_IMG_DECLARE(image_1);

• Set the image to be displayed

lv_img_set_src(img, &image_1);

【Result demonstration】

This demo shows that ESP32-C6-LCD-1.69 runs lvgl v8 version and displays pictures.

【Hardware connection】

• Connect the board to the computer

【Preparation】

• Open lvgl Image Converter website
• Import the image images/image_1.jpg and convert it, the image_1.c file will be generated

• Copy image_1.c to the main folder
• Add "image_1.c" to the CMakeLists.txt in the main folder

idf_component_register(SRCS "main.cpp" "image_1.c"
                    INCLUDE_DIRS ".")

• Add the following code to main.c to declare the image

LV_IMAGE_DECLARE(image_1);

• Set the image to be displayed

lv_image_set_src(img, &image_1);

【Result demonstration】