خاطب ESP32 المذهل من Espressif: 8 خطوات

2024 مؤلف: John Day | [email protected]. آخر تعديل: 2024-01-30 07:40

اليوم ، سأقدم لك مجموعة ESP32 Wrover Kit ، وهي نموذج مختلف عن ESP32 الذي أستخدمه عادةً (Wroom). Wrover عبارة عن لوحة تطوير بها العديد من الميزات وهي هامشية تمامًا. سأعرض لك مثالاً لبرنامج مع ESP32 Wrover Kit الذي يتضمن الكتابة على الشاشة وبطاقة SD ، بالإضافة إلى الصور.

الخطوة 1: مقدمة

تحتوي مجموعة ESP32-Wrover-Kit على العديد من الميزات بخلاف وحدة ESP32. في هذه المجموعة ، لدينا شاشة LCD مدمجة مقاس 3.2 بوصة ، وواجهة بطاقة Micro-SD عالية السرعة ، وواجهة كاميرا VGA. تمت إزالة دبابيس الإدخال / الإخراج من وحدة ESP32 لسهولة التمديد.

تحتوي اللوحة أيضًا على جسر USB متعدد البروتوكولات متقدم (FTDI FT2232HL) ، والذي يسمح للمطورين باستخدام JTAG مباشرةً لتصحيح أخطاء ESP32 عبر واجهة USB.

الخطوة 2: الميزات الرئيسية

• وحدة معالجة مركزية ثنائية النواة 240 ميجاهرتز

• 4 ميجابايت 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 ، وهما متجهان ، وتركت روابط التنزيل هنا وفي نهاية هذه المقالة. نقوم بإنشاء الكائن المسؤول عن التحكم في العرض وتنفيذ وظيفة التحكم في الشاشة.

#include "SPI.h" #include "Adafruit_GFX.h" #include "WROVER_KIT_LCD.h" // lib de contole do display #include // lib de contole do micro-SD #include "esp_wp1.h" // imagem em تتضمن HEX # "esp_wp2.h" // imagem em HEX WROVER_KIT_LCD tft؛ // objeto responseável pelo كونترولول تعرض شاشة int = 0 ؛ // كونترول دي تيلا

اقامة

قم بتهيئة العرض ورسم الشاشة بأكملها باللون المطلوب.

إعداد باطل () {Serial.begin (115200) ؛ tft.begin () ، // inicializa o display} // pinta toda a tela com a cor desejada void clearScreen (int color) {tft.fillScreen (color)؛ // pinta toda a tela}

حلقة

نقوم بتدوير اللوحة القماشية إلى المناظر الطبيعية ، والتي ستتغير وفقًا لمتغير التحكم. لذلك إذا اخترت تبديل الحالة 0 ، فسيتم كتابة النص على الشاشة. في مثال حالة التبديل 1 ، نطبع الملفات من صور SD وصور HEX من الملفات (#include).

حلقة باطلة (باطلة) {tft.setRotation (1) ؛ // rotaciona para Landscape // muda a tela de acordo com a variável de contole (screen) switch (screen) {case 0: writeText ()؛ // escreve textos de diferentes na tela break؛ الحالة 1: writeImages () ؛ // printa arquivos de imagens do SD e imagens HEX dos arquivos (# include) break؛ الافتراضي: الشاشة = -1 ؛ استراحة؛ // volta pra tela inicial} screen ++ ؛ }

writeText ()

بتفصيل هذا الجزء من الكود ، نتعامل مع رسم الشاشة وتحديد موضع المؤشر في أصل المصدر وحجمه.

// escreve textos de diferentes na telavoid writeText () {clearScreen (WROVER_BLACK)؛ // pinta toda a tela tft.setCursor (0، 0) ؛ // posiciona o cursor na Origem tft.setTextColor (WROVER_WHITE) ؛ tft.setTextSize (1) ، // tamanho da fonte - 1 tft.println ("Testando ESP32-WROVER-KIT") ؛ tft.println () ، tft.setTextColor (WROVER_YELLOW) ، tft.setTextSize (2) ، // tamanho da fonte - 2 tft.println ("Youtube | Instagram |") ؛ tft.println ("Telegram | Facebook |") ؛ tft.println ("المنتدى") ؛ tft.println () ، tft.setTextColor (WROVER_RED) ، tft.setTextSize (3) ، // tamanho da fonte - 3 tft.println ("Acesse:") ؛ 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 do SD e imagens HEX dos arquivos (#include) void writeImages () {clearScreen (WROVER_WHITE)؛ // inicializa o cartão بطاقة SD Serial.print ("تهيئة بطاقة SD …") ؛ if (! SD_MMC.begin ()) {Serial.println ("فشل!") ؛ إرجاع؛ } Serial.println ("موافق!") ؛ tft.drawJpgFile (SD_MMC، "/fk_logo.jpg"، 50، 50) ؛ // escreve um arquivo-j.webp

الخطوة 8: الملفات

قم بتنزيل الملفات:

بي دي إف

انا لا

esp_wp1.h

esp_wp2.h