The Incredible ESP32 Wrover จาก Espressif: 8 ขั้นตอน

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:06

วันนี้ผมจะมาแนะนำให้คุณรู้จักกับ ESP32 Wrover Kit ซึ่งเป็นรุ่นที่แตกต่างจาก ESP32 ที่ฉันมักใช้ (Wroom) Wrover เป็นบอร์ดพัฒนาที่มีคุณสมบัติมากมายและค่อนข้างต่อพ่วง ฉันจะแสดงตัวอย่างโปรแกรมที่มี ESP32 Wrover Kit ที่เกี่ยวข้องกับการเขียนบนจอแสดงผลและการ์ด SD รวมถึงรูปภาพ

ขั้นตอนที่ 1: บทนำ

ESP32-Wrover-Kit มีคุณสมบัติมากมายนอกเหนือจากโมดูล ESP32 ในชุดนี้ เรามีจอ LCD ขนาด 3.2 ในตัว อินเทอร์เฟซการ์ด Micro-SD ความเร็วสูง และอินเทอร์เฟซกล้อง VGA หมุด I/O ถูกถอดออกจากโมดูล ESP32 เพื่อให้ต่อขยายได้ง่าย

บอร์ดนี้ยังมีบริดจ์ USB แบบหลายโปรโตคอลขั้นสูง (FTDI FT2232HL) ซึ่งช่วยให้นักพัฒนาสามารถใช้ JTAG ได้โดยตรงเพื่อดีบัก ESP32 ผ่านอินเทอร์เฟซ USB

ขั้นตอนที่ 2: คุณสมบัติที่สำคัญ

• 240 MHz Dual Core CPU

• 4MB SPI PSRAM (แรมหลอกแบบคงที่)

• ดีบักเกอร์ USB-JTAG ในตัว

• จอ LCD SPI 3.2”

• อินเทอร์เฟซการ์ด Micro-SD

• อินเทอร์เฟซกล้อง VGA

• การขยายตัวของ I / Os

www.espressif.com/en/products/hardware/esp-wrover-kit/overview

นี่คือภาพที่สอง ฉันสรุปคุณสมบัติของโมดูลนี้

ขั้นตอนที่ 3: การสาธิต

ขั้นตอนที่ 4: ESP32 Wrover

ขั้นตอนที่ 5: ห้องสมุด

ดาวน์โหลด WROVER_KIT_LCD

ห้องสมุดเพื่อเข้าถึงจอ LCD

การดาวน์โหลดสามารถทำได้ผ่านลิงค์:

github.com/espressif/WROVER_KIT_LCD/archive/master.zip

เปิดเครื่องรูดภายในโฟลเดอร์../Documents/Arduino/libraries/

ขั้นตอนที่ 6: อัปโหลด

ในการอัปโหลดโปรแกรมไปยังบอร์ด เราต้องเลือกบอร์ด Adafruit ESP32 Feather

ขั้นตอนที่ 7: โปรแกรม

คุณสามารถใช้ตัวอย่างจากไลบรารี WROVER_KIT_LCD เพื่อทดสอบบอร์ดได้ เพื่อจุดประสงค์ในการสอน เราจะรวบรวมตัวอย่างสามตัวอย่าง ซึ่งจะเกี่ยวข้องกับการเขียน/วาดภาพบนหน้าจอและการ์ด SD

ไลบรารีและตัวแปร

จากนั้นเราจะรวมห้องสมุด สอง: esp_wp1.h และ esp_wp2.h ซึ่งเป็นเวกเตอร์ และฉันได้ทิ้งลิงก์ดาวน์โหลดไว้ที่นี่และท้ายบทความนี้ เราสร้างอินสแตนซ์ของวัตถุที่รับผิดชอบในการควบคุมการแสดงผลและทำหน้าที่ควบคุมหน้าจอ

#รวม "SPI.h"#include "Adafruit_GFX.h" #include "WROVER_KIT_LCD.h" //lib de controle do display #include //lib de controle do micro-SD #include "esp_wp1.h" //imagem em HEX #include "esp_wp2.h" //imagem em HEX WROVER_KIT_LCD tft; //objeto responsável pelo controle do display int screen = 0; //controle เดอ tela

ติดตั้ง

เริ่มต้นการแสดงผลและระบายสีทั้งหน้าจอด้วยสีที่ต้องการ

การตั้งค่าเป็นโมฆะ () { Serial.begin (115200); tft.begin(); //inicializa o display } // pinta toda a tela com a cor desejada void clearScreen (สี int) { tft.fillScreen (สี); //pinta toda a tela }

ห่วง

เราหมุนผืนผ้าใบเป็นแนวนอนซึ่งจะเปลี่ยนไปตามตัวแปรควบคุม ดังนั้นหากฉันเลือกใช้ switch case 0 ข้อความจะถูกเขียนบนหน้าจอ ในตัวอย่างกรณีสวิตช์ 1 เราพิมพ์ไฟล์จากภาพ SD และภาพ HEX จากไฟล์ (#include)

วงเป็นโมฆะ (เป็นโมฆะ) { tft.setRotation (1); //rotaciona para landscape //muda a tela de acordo com a variável de controle (หน้าจอ) สวิตช์ (หน้าจอ) { กรณี 0: writeText (); //escreve textos de แตกต่างกับ tela break; กรณีที่ 1: writeImages(); //printa arquivos de imagens do SD e imagens HEX dos arquivos (#include) แตก; ค่าเริ่มต้น: หน้าจอ = -1; หยุดพัก; //volta pra tela inicial } หน้าจอ++; }

เขียนข้อความ ()

รายละเอียดของโค้ดในส่วนนี้ เราจะจัดการกับภาพวาดของหน้าจอและตำแหน่งเคอร์เซอร์ในที่มาและขนาดของแหล่งที่มา

//escreve ข้อความที่แตกต่างกันและเขียนข้อความ () { clearScreen (WROVER_BLACK); //pinta toda a tela tft.setCursor(0, 0); // ตำแหน่งหรือเคอร์เซอร์บน origem tft.setTextColor(WROVER_WHITE); tft.setTextSize(1); //tamanho da fonte - 1 tft.println("Tesando ESP32-WROVER-KIT"); tft.println(); tft.setTextColor(WROVER_YELLOW); tft.setTextSize(2); //tamanho da fonte - 2 tft.println("YouTube | Instagram |"); tft.println("โทรเลข | Facebook |"); tft.println("ฟอรัม"); tft.println(); tft.setTextColor(WROVER_RED); tft.setTextSize(3); //tamanho da fonte - 3 tft.println("การเข้าถึง:"); tft.println(); tft.setTextColor(WROVER_GREENYELLOW); tft.setTextSize(4); //tamanho da fonte - 4 tft.println("FERNANDOK. COM"); ล่าช้า (2000); }

เขียนภาพ ()

ในฟังก์ชันนี้ เราเริ่มต้นการ์ด SD และเขียนไฟล์-j.webp

// printa arquivos de imagens ทำ SD และ imagens HEX dos arquivos (#include) void writeImages () { clearScreen (WROVER_WHITE); //inicializa o cartão การ์ด SD Serial.print("กำลังเตรียมใช้งานการ์ด SD…"); ถ้า (!SD_MMC.begin()) { Serial.println("ล้มเหลว!"); กลับ; } Serial.println("ตกลง!"); tft.drawJpgFile(SD_MMC, "/fk_logo.jpg", 50, 50); //escrev um arquivo-j.webp

ขั้นตอนที่ 8: ไฟล์

ดาวน์โหลดไฟล์:

ไฟล์ PDF

ฉันไม่

esp_wp1.h

esp_wp2.h