Tanda Emoji IoT: 9 Langkah (dengan Gambar)

2024 Pengarang: John Day | [email protected]. Diubah suai terakhir: 2024-01-30 11:09

Instruksional ini menunjukkan cara menggunakan ESP8266 dan beberapa NeoPixels untuk membuat Tanda Emoji IoT.

Langkah 1: Persiapan

Papan dev ESP8266

Sebarang papan ESP8266 mestilah baik. Kali ini saya menggunakan WeMos D1 Mini Pro, ini adalah papan dev terkecil dan paling nipis yang dapat saya temui. Sekiranya anda mahukan ia mudah alih, pilih papan dengan sokongan Lipo.

NeoPixels

Projek ini menggunakan perpustakaan Arduino Adafruit_NeoPixel, mana-mana cip LED yang serasi tidak apa-apa, seperti WS2812, WS2812B, SK6812, SK6812mini … dll.

Kali ini saya menggunakan 64 LED chip SK6812mini untuk membuat panel matriks 8x8 kecil. Tetapi kerja pematerian bukan tugas utama projek ini, anda boleh menggunakan jalur LED untuk mempermudah kerja atau bahkan langsung membeli 8x8 NeoPixel LED Matrix;>

Papan Tanda

Kali ini saya menggunakan kabel tiub fleksibel logam mikro USB sebagai tanda tanda.

Langkah 2: Pilihan: Percetakan & Pemasangan 3D

Sekiranya anda hanya membeli 8x8 NeoPixel LED Matrix, anda boleh melangkau langkah ini.

1. 3D mencetak casing:
2. Pasang cip SK6812mini ke arah Zigzag
3. Kerja pematerian
4. Gunakan gam panas menutup litar
5. Sambungkan pin kuasa dan pin isyarat (SK6812 Din ke ESP8266 pin 4 / D2) ke papan dev ESP8266
6. Kacau
7. Pasangkan kabel USB

Langkah 3: Penyediaan Perisian

Arduino IDE

Sekiranya anda belum memasang Arduino IDE, sila muat turun dan pasangkannya dari laman web rasmi:

www.arduino.cc/en/main/software

Sokongan ESP8266

Sekiranya anda belum memasang sokongan Arduino ESP8266, ikuti langkah-langkah di bahagian "Arduino pada ESP8266":

github.com/esp8266/Arduino

Perpustakaan Arduino

Gunakan Perpustakaan Arduino memasang 3 pustaka bergantung:

• Pengurus WiFi
• ArduinoWebSockets
• Adafruit_NeoPixel

Langkah 4: Muat turun Kod Sumber

Sila muat turun kod sumber saya di sini:

github.com/moononournation/IoT-Emoji-Sign

Langkah 5: 8x8 Emoji

Projek ini memerlukan emoji 8x8 piksel, saya google dan dapatkan satu set ringkas dari tweet Justin Cyr:

twitter.com/JUSTIN_CYR/status/658031097805…

Kemudian saya mengubah saiz gambar dan menggunakan base64decode.org menukar ke string yang dikodkan base64 untuk memasukkannya ke dalam HTML.

Anda boleh mendapatkan gambar yang diubah saiznya di: src / emojis.png

Langkah 6: UI HTML ringkas

Saya telah menulis HTML yang sangat mudah untuk memilih emoji dan kemudian memindahkan piksel ke ESP8266 oleh protokol Web Socket dalam format binari.

Kemudian saya menggunakan html-minifier ubah ke rentetan baris tunggal panjang untuk memasukkannya ke dalam kod Arduino.

Anda mungkin menemui fail HTML di: src / index.html

Langkah 7: Program Arduino

1. Sambungkan papan pemuka ESP8266 ke komputer
2. Buka Arduino IDE
3. Pilih papan yang betul di menu Alat
4. Tekan butang Muat Naik

Langkah 8: Persediaan & Main

Sila lihat demo video untuk perincian persediaan dan mainkan.

Inilah ringkasannya:

1. Pasang Tanda Emoji IoT

2. Sediakan WiFi (hanya untuk kali pertama)

   1. Gunakan carian mudah alih anda dan sambungkan ke AP "esp-emoji"
   2. Tayangan Portal Tangkap WiFiManager
   3. Tekan butang "Konfigurasi WiFi"
   4. Pilih AP anda
   5. Isi kata laluan AP
   6. Tekan butang "Simpan"
   7. Mulakan semula automatik ESP8266
3. Sambungan automatik ESP8266 ke AP anda
4. Gunakan penyemak imbas mudah alih anda ke "esp-emoji.local"
5. Pilih Emoji dan Main!

Ruj:

Langkah 9: Tandatangan Selamat

Set Emoji dari tweet Justin Cyr hanyalah contoh mudah, anda boleh menyediakan set Emoji 8x8 anda sendiri dan menunjukkan tandatangan anda!

Naib Johan dalam Peraduan Arduino 2019