Знак IoT Emoji: 9 шагов (с изображениями)

2024 Автор: John Day | [email protected]. Последнее изменение: 2024-01-30 11:52

В этой инструкции показано, как использовать ESP8266 и некоторые NeoPixels для создания IoT Emoji Sign.

Шаг 1: подготовка

Плата разработчика ESP8266

Любая плата ESP8266 должна быть в порядке. На этот раз я использую WeMos D1 Mini Pro, это самая маленькая и тонкая плата для разработчиков, которую я могу найти. Если вы хотите, чтобы он был портативным, выберите плату с поддержкой Lipo.

NeoPixels

В этом проекте используется библиотека Arduino Adafruit_NeoPixel, подойдет любой совместимый светодиодный чип, например WS2812, WS2812B, SK6812, SK6812mini… и т. Д.

На этот раз я использую 64 светодиодных чипа SK6812mini для изготовления крошечной матричной панели 8x8. Но пайка не является основной задачей этого проекта, вы можете использовать светодиодную ленту для упрощения работы или даже напрямую купить светодиодную матрицу NeoPixel 8x8;>

Знак Стенд

На этот раз я использую металлический гибкий трубчатый кабель micro USB в качестве подставки для вывески.

Шаг 2: Дополнительно: 3D-печать и сборка

Если вы просто покупаете светодиодную матрицу NeoPixel 8x8, вы можете пропустить эти шаги.

1. Напечатайте чехол на 3D-принтере:
2. Ставим микросхему SK6812mini по направлению Зигзаг
3. Паяльные работы
4. Используйте горячий клей для уплотнения цепи
5. Подключите контакты питания и сигнальный контакт (SK6812 Din к контакту 4 / D2 ESP8266) к плате разработчика ESP8266
6. Облажаться
7. Подключите USB-кабель

Шаг 3: Подготовка программного обеспечения

IDE Arduino

Если вы еще не установили Arduino IDE, загрузите и установите ее с официального сайта:

www.arduino.cc/en/main/software

ESP8266 Поддержка

Если вы еще не установили поддержку Arduino ESP8266, выполните действия, описанные в разделе «Arduino на ESP8266»:

github.com/esp8266/Arduino

Библиотеки Arduino

Используйте библиотеку Arduino, установите 3 зависимые библиотеки:

• WiFiManager
• ArduinoВебСокеты
• Adafruit_NeoPixel

Шаг 4: Загрузите исходный код

Пожалуйста, скачайте мой исходный код здесь:

github.com/moononournation/IoT-Emoji-Sign

Шаг 5: эмодзи 8x8

Для этого проекта требуется несколько смайликов 8x8 пикселей, я гуглил и получаю простой набор из твита Джастина Сира:

twitter.com/JUSTIN_CYR/status/658031097805…

Затем я изменил размер изображения и использовал преобразование base64decode.org в строку в кодировке base64, чтобы встроить его в HTML.

Вы можете найти изображение с измененным размером по адресу: src / emojis.png

Шаг 6. Простой HTML-интерфейс

Я написал очень простой HTML-код для выбора смайлов, а затем передал пиксели в ESP8266 по протоколу Web Socket в двоичном формате.

Затем я использую преобразование html-minifier в длинную однострочную строку, чтобы встроить ее в код Arduino.

Вы можете найти HTML-файл по адресу: src / index.html

Шаг 7: программа Arduino

1. Подключите плату разработчика ESP8266 к компьютеру
2. Откройте Arduino IDE
3. Выберите правильную доску в меню Инструменты
4. Нажмите кнопку загрузки

Шаг 8: настройка и игра

Пожалуйста, посмотрите видео-демонстрацию для получения подробной информации о настройке и воспроизведении.

Вот краткое изложение:

1. Подключите знак IoT Emoji

2. Настройка Wi-Fi (только в первый раз)

   1. Используйте мобильный поиск и подключитесь к точке доступа "esp-emoji"
   2. WiFiManager Captive Portal показать
   3. Нажмите кнопку «Настроить WiFi».
   4. Выберите свою точку доступа
   5. Введите пароль AP
   6. Нажмите кнопку "Сохранить".
   7. ESP8266 автоматический перезапуск
3. ESP8266 автоматически подключается к вашей точке доступа
4. Используйте свой мобильный браузер для просмотра "esp-emoji.local"
5. Выберите смайлик и играйте!

Ссылка:

Шаг 9: Счастливая подпись

Набор эмодзи из твита Джастина Сира - это всего лишь простой пример, вы можете подготовить свой собственный набор эмодзи 8x8 и показать свою подпись!

Финалист конкурса Arduino Contest 2019