Художник 8x8: 6 шагов

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

Простой инструмент для создания графики на светодиодном модуле 8x8.

Ребята - я плохой. Нет, очень, очень плохо, когда дело касается рисования иконок. Особенно рисование значков на сетке 8x8, как те маленькие матричные дисплеи WEMOS для WEMOS D1. Вдобавок ко всему, я не умею считать строки и преобразовывать их в двоичное представление.

Итак, я обманул - и создал эту маленькую вещь под названием 8x8 painter.

Шаг 1: что это?

ESP8266 размещает веб-страницу, которая представляет собой сетку 8x8 матричного дисплея - щелкните одну из этих точек, и она станет красной / включенной, щелкните еще раз, и она погаснет / станет черной. Ваш дисплей делает то же самое, поэтому вы можете просматривать свои работы в реальном времени на реальном оборудовании. Я все еще плохо рисую что-либо на этом, но теперь я довольно рано знаю, когда я отстой:)

В правой части сетки (на экране) вы найдете готовое для копирования и вставки двоичное представление в виде массива байтов (хранящегося в progmem) - просто возьмите его и вставьте в свой код. Не стесняйтесь изменять имя-массива, и если progmem у вас не сработает: это 8 байт - так что это, вероятно, не будет перегружать вашу память;)

Шаг 2: Что вам нужно?

Он разработан с учетом WEMOS D1, поэтому вам понадобится D1 и светодиодный экран LOLIN Matrix: D1:

Матричный светодиодный экран:

- это не партнерские ссылки - это как раз то место, где я беру свои материалы. Не стесняйтесь покупать где-нибудь еще.

Шаг 3: Программное обеспечение?

Загрузите проект здесь:

Проект представлен в двух файлах: один - набросок, второй - содержит веб-страницу, которую отправит ESP.

Если вам неудобно загружать неизвестный ZIP-файл: вот основной набросок:

… И веб-страницу:

Если вы не используете ZIP: оба файла помещаются в одну папку. Часть веб-страницы должна быть в файле с именем "index_html.h" - скетч может называться как угодно, если имя папки совпадает с именем INO. Ага, Ардуино …

Шаг 4: Библиотеки?

Конечно. Для компиляции вам необходимо установить следующие библиотеки:

Менеджер Wi-Fi

..и библиотека для светодиодной матрицы: https://github.com/thomasfredericks/wemos_matrix_…..wich попросит вас установить библиотеку Adafruit GFX.

Обе (все три?) Библиотеки можно получить через старый добрый Диспетчер библиотек.

Шаг 5: Итак - как заставить это работать?

После загрузки кода ваш светодиодный дисплей покажет небольшую анимацию, сообщающую вам, что он хочет подключиться к вашему Wi-Fi. Так что возьмите свой телефон, откройте свои WLAN - найдите новую WLAN с именем

КОНФИГУРАЦИЯ 8x8painter

- подключитесь к новому WLAN - ваш телефон должен спросить, хотите ли вы подключиться к этому WIFI (извините, немецкий телефон здесь - не уверен, что говорится в сообщении на английском языке) - коснитесь этого. Если такого сообщения не появляется: откройте браузер (на вашем телефоне, который подключен к Wi-Fi ESP) и перейдите по адресу «https://1.2.3.4».

Белый экран, большие синие кнопки? Это Wifi Manager.

Нажмите «Настроить Wi-Fi», выберите свой Wi-Fi и введите пароль. Нажмите «Сохранить» - анимация должна остановиться (матрица станет черной); ESP теперь подключен к вашему Wi-Fi.

Откройте любой браузер по вашему выбору и используйте этот адрес:

8x8painter

- вот и все: теперь вы должны увидеть главный интерфейс - счастливого создания иконок !!

Шаг 6: Примечания

Я не только не умею рисовать иконки, но и комментирую. Обычно я использую выразительные имена переменных, поэтому набросок не должен быть таким сложным.

Да, мне нравятся мои функции - самый простой способ прочитать набросок - свернуть все и проверить отдельные функции.

Я оставил несколько операторов Serial.print в коде для отладки - проверка последовательной консоли во время работы может быть хорошей идеей:)

Веб-страница хранится в одной длинной строке - черт возьми - Строки! Как я мог? Что ж, у меня есть для этого место, я его вообще не меняю (Globals From Hell) - так что мне все равно. Если да: продолжайте, сделайте это лучше. В этом прелесть программирования.

Веб-страница почти все делает на JavaScript - извините за это; это было самое компактное решение, которое я мог придумать. Связь между ESP и браузером можно было бы улучшить с помощью веб-сокетов, но при написании я думал о GET-Strings - помните: никогда не трогайте работающую систему:)

Веб-страница была создана с использованием Firefox - лениво, я не тестировал chrome / edge / opera / somethingYouUse. Если что-то сломается … попробуйте Firefox.

2020 Автор: Детлеф Аменд. Бесплатное программное обеспечение - получайте удовольствие!