IoT Emoji тэмдэг: 9 алхам (зурагтай)

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:03

Энэхүү зааварчилгаа нь ESP8266 болон зарим NeoPixels ашиглан IoT Emoji тэмдгийг хэрхэн яаж ашиглахыг харуулав.

Алхам 1: Бэлтгэл ажил

ESP8266 хөгжлийн самбар

Аливаа ESP8266 самбар зүгээр байх ёстой. Энэ удаад би WeMos D1 Mini Pro -ийг ашиглаж байна, энэ бол миний олж чадах хамгийн жижиг, хамгийн нимгэн самбар юм. Хэрэв та үүнийг зөөврийн болгохыг хүсч байвал Lipo дэмжлэгтэй самбарыг сонгоорой.

NeoPixels

Энэхүү төсөл нь Arduino Adafruit_NeoPixel номын санг ашигладаг бөгөөд WS2812, WS2812B, SK6812, SK6812mini гэх мэт нийцтэй LED чипүүд зүгээр юм.

Энэ удаад би SK6812mini -ийн 64 LED чипийг ашиглан 8х8 хэмжээтэй жижиг матриц хавтанг хийж байна. Гэхдээ гагнуурын ажил нь энэ төслийн гол ажил биш тул та LED зурвас ашиглан ажлыг хялбаршуулж эсвэл 8x8 NeoPixel LED матриц худалдаж авах боломжтой.

Тэмдэгтийн зогсоол

Энэ удаад би микро USB металл уян хоолойтой кабелийг тэмдэг тавиур болгон ашиглаж байна.

Алхам 2: Нэмэлт: 3D хэвлэх, угсрах

Хэрэв та 8x8 NeoPixel LED матриц худалдаж авбал энэ алхамыг алгасаж болно.

1. Хэргийг 3D хэвлэх:
2. Зигзаг чиглэлд SK6812mini чип тавь
3. Гагнуурын ажил
4. Халуун цавуу ашиглан хэлхээг битүүмжилнэ
5. Цахилгаан зүү ба дохионы зүүг (SK6812 Din to ESP8266 pin 4 / D2) ESP8266 dev самбар руу холбоно уу.
6. Хүртэл шураг
7. USB кабелийг залгаарай

Алхам 3: Програм хангамж бэлтгэх

Arduino IDE

Хэрэв та Arduino IDE -г хараахан суулгаагүй байгаа бол албан ёсны сайтаас татаж аваад суулгана уу.

www.arduino.cc/en/main/software

ESP8266 дэмжлэг

Хэрэв та Arduino ESP8266 дэмжлэгийг хараахан суулгаагүй байгаа бол "Arduino on ESP8266" хэсгийн алхамуудыг дагана уу.

github.com/esp8266/Arduino

Arduino номын сан

Номын сангаас хамааран Arduino Library 3 -ийг суулгаарай.

• WiFi менежер
• ArduinoWebSockets
• Adafruit_NeoPixel

Алхам 4: Эх кодыг татаж авах

Миний эх кодыг эндээс татаж авна уу.

github.com/moononournation/IoT-Emoji-Sign

Алхам 5: 8x8 хэмжээтэй Emoji

Энэ төсөлд 8х8 пикселийн эможи шаардлагатай бөгөөд би google -тэй бөгөөд Жастин Сайрын жиргээнээс энгийн багцыг авах болно.

twitter.com/JUSTIN_CYR/status/658031097805…

Дараа нь би зургийн хэмжээг өөрчилж, base64decode.org -ийг base64 кодлогдсон мөр болгон хувиргаж HTML формат руу орууллаа.

Та хэмжээ нь өөрчлөгдсөн зургийг src/emojis-p.webp

Алхам 6: Энгийн HTML UI

Би эможи сонгохын тулд маш энгийн HTML скрипт бичээд дараа нь пикселийг ESP8266 руу Web Socket протоколоор хоёртын форматаар шилжүүлэв.

Дараа нь би Arduino код руу оруулахын тулд урт ганц мөрт хөрвүүлэх html-minifier ашигладаг.

Та HTML файлыг src/index.html дээрээс олж болно

Алхам 7: Arduino програм

1. ESP8266 хөгжүүлэгч самбарыг компьютерт холбоно уу
2. Arduino IDE -ийг нээнэ үү
3. Багаж хэрэгслийн цэснээс зөв самбарыг сонгоно уу
4. Байршуулах товчийг дарна уу

Алхам 8: Тохируулах, тоглуулах

Тоглоомын тохиргоо болон дэлгэрэнгүй мэдээллийг видео демо дээрээс үзнэ үү.

Энд хураангуй байна:

1. IoT Emoji тэмдгийг залгаарай

2. WiFi тохируулах (зөвхөн анх удаа)

   1. Гар утасны хайлтаа ашиглан "esp-emoji" AP рүү холбогдоно уу.
   2. WiFiManager Captive Portal шоу
   3. "WiFi -г тохируулах" товчийг дарна уу
   4. Нэвтрэх цэгээ сонгоно уу
   5. AP нууц үгийг бөглөнө үү
   6. "Хадгалах" товчийг дарна уу
   7. ESP8266 автоматаар дахин асаах
3. ESP8266 нь таны нэвтрэх цэг рүү автоматаар холбогддог
4. Гар утсаа ашиглан "esp-emoji.local" руу очно уу.
5. Эможи сонгоод тоглоорой!

Лавлагаа:

Алхам 9: Аз жаргалтай гарын үсэг

Justin Cyr -ийн жиргээнээс авсан Emoji багц нь энгийн жишээ бөгөөд та өөрөө 8x8 хэмжээтэй Emoji багц бэлдэж, гарын үсгээ үзүүлэх боломжтой!

Arduino 2019 тэмцээнд дэд байр эзэлсэн