Pag-sign ng IoT Emoji: 9 Mga Hakbang (na may Mga Larawan)

2024 May -akda: John Day | [email protected]. Huling binago: 2024-01-30 13:13

Ipinapakita ng mga itinuturo na ito kung paano gumamit ng isang ESP8266 at ilang NeoPixels upang lumikha ng isang IoT Emoji Sign.

Hakbang 1: Paghahanda

Board ng ESP8266 dev

Anumang board ng ESP8266 ay dapat na maging ok. Sa oras na ito ay gumagamit ako ng WeMos D1 Mini Pro, ito ang pinakamaliit at manipis na dev board na mahahanap ko. Kung nais mo itong portable, pumili ng isang board na may suporta ng Lipo.

Mga NeoPixel

Gumagamit ang proyektong ito ng Arduino Adafruit_NeoPixel library, ang anumang mga kompatible na LED chip ay ok, tulad ng WS2812, WS2812B, SK6812, SK6812mini… atbp.

Sa oras na ito gumagamit ako ng 64 LED chips ng SK6812mini upang makagawa ng isang maliit na 8x8 matrix panel. Ngunit ang gawaing paghihinang ay hindi pangunahing gawain ng proyektong ito, maaari kang gumamit ng isang LED strip upang gawing simple ang trabaho o kahit na direktang bumili ng 8x8 NeoPixel LED Matrix;>

Stand Stand

Sa oras na ito ay gumagamit ako ng isang micro USB metal na may kakayahang umangkop na tubo ng cable bilang isang stand stand.

Hakbang 2: Opsyonal: 3D Pag-print at Assembly

Kung bibili ka lamang ng isang 8x8 NeoPixel LED Matrix, maaari mong laktawan ang mga hakbang na ito.

1. 3D print ang kaso: https://www.thingiverse.com/thing 3553675
2. Ilagay ang SK6812mini chip sa direksyon ng Zigzag
3. Trabaho ng paghihinang
4. Gumamit ng mainit na pandikit na selyo sa circuit
5. Ikonekta ang mga power pin at signal pin (SK6812 Din sa ESP8266 pin 4 / D2) sa ESP8266 dev board
6. Upuan
7. I-plug ang USB cable

Hakbang 3: Paghahanda ng Software

Arduino IDE

Kung hindi mo pa nai-install ang Arduino IDE, mangyaring i-download at i-install ito mula sa opisyal na site:

www.arduino.cc/en/main/software

Suporta ng ESP8266

Kung hindi mo pa nai-install ang suporta ng Arduino ESP8266, mangyaring sundin ang mga hakbang sa seksyong "Arduino sa ESP8266":

github.com/esp8266/Arduino

Mga Aklatan ng Arduino

Gumamit ng Arduino Library mag-install ng 3 nakasalalay na mga aklatan:

• WiFiManager
• ArduinoWebSockets
• Adafruit_NeoPixel

Hakbang 4: Mag-download ng Source Code

Mangyaring i-download ang aking source code dito:

github.com/moononournation/IoT-Emoji-Sign

Hakbang 5: 8x8 Emoji

Nangangailangan ang proyektong ito ng ilang 8x8 pixel na emoji, nag-google ako at nakakakuha ng isang simpleng hanay mula sa tweet ni Justin Cyr:

twitter.com/JUSTIN_CYR/status/658031097805…

Pagkatapos ay binago ang laki ng imahe at ginamit ang base64decode.org convert sa isang base64 na naka-encode na string upang mai-embed ito sa HTML.

Maaari mong makita ang laki ng imahe sa: src / emojis.png

Hakbang 6: Simpleng HTML UI

Nag-script ako ng isang napaka-simpleng HTML para sa pagpili ng emoji at pagkatapos ay ilipat ang mga pixel sa ESP8266 ng Web Socket protocol sa binary format.

Pagkatapos ay gumagamit ako ng html-minifier na convert sa isang mahabang solong linya na string upang mai-embed ito sa Arduino code.

Maaari mong makita ang HTML file sa: src / index.html

Hakbang 7: Arduino Program

1. Ikonekta ang ESP8266 dev board sa computer
2. Buksan ang Arduino IDE
3. Piliin ang tamang board sa menu ng Mga tool
4. Pindutin ang pindutang I-upload

Hakbang 8: Pag-set up at Pag-play

Mangyaring tingnan ang video demo para sa pag-set up at mga detalye sa pag-play.

Narito ang buod:

1. I-plug ang IoT Emoji Sign

2. Pag-setup ng WiFi (unang pagkakataon lamang)

   1. Gamitin ang iyong paghahanap sa mobile at kumonekta sa AP "esp-emoji"
   2. Ipakita ang WiFiManager Captive Portal
   3. Pindutin ang pindutan na "I-configure ang WiFi"
   4. Piliin ang iyong AP
   5. Punan ang AP password
   6. Pindutin ang pindutang "I-save"
   7. Ang auto8 restart ng ESP8266
3. Awtomatikong kumonekta ang ESP8266 sa iyong AP
4. Gamitin ang iyong pag-browse sa mobile sa "esp-emoji.local"
5. Pumili ng isang Emoji at Maglaro!

Ref.:

Hakbang 9: Maligayang Lagda

Ang itinakdang Emoji mula sa tweet ni Justin Cyr ay isang simpleng halimbawa lamang, maaari mong ihanda ang iyong sariling set na 8x8 Emoji at ipakita ang iyong lagda!

Runner Up sa Arduino Contest 2019