Malarz 8x8: 6 kroków

2024 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2024-01-30 11:26

Proste narzędzie do tworzenia grafiki na module LED 8x8.

Chłopaki - jestem zły. Nie - naprawdę źle, jeśli chodzi o rysowanie ikon. Zwłaszcza rysowanie ikon na siatce 8x8, jak te małe wyświetlacze WEMOS Matrix dla WEMOS D1. Poza tym mam do dupy liczenie wierszy i przekształcanie ich w reprezentację binarną.

Więc oszukałem - i stworzyłem tę małą rzecz o nazwie Malarz 8x8.

Krok 1: Co to jest?

ESP8266 obsługuje stronę internetową, która reprezentuje siatkę 8x8 wyświetlacza matrycy - kliknij jedną z tych kropek i zmieni kolor na czerwony/włącz, kliknij ponownie i wyłączy się/czarny. Twój wyświetlacz robi to samo, dzięki czemu możesz oglądać swoje dzieła sztuki w czasie rzeczywistym na prawdziwym sprzęcie. Ciągle ssie mi rysowanie czegokolwiek na tym, ale teraz dość wcześnie wiem, kiedy jestem do niczego:)

Po prawej stronie siatki (na ekranie) znajdziesz binarną reprezentację gotową do kopiowania i wklejania w postaci tablicy bajtów (przechowywanej w programie) - po prostu weź ją i wklej do swojego kodu. Możesz dostosować nazwę tablicy, a jeśli program nie zadziała: to 8 bajtów - więc prawdopodobnie nie przeciąży twojej pamięci;)

Krok 2: Czego potrzebujesz?

Zostało to zaprojektowane z myślą o WEMOS D1, więc potrzebujesz D1 i osłony LED matrycy LOLIN: D1:

Tarcza LED matrycy:

- to nie są linki afiliacyjne - po prostu dostaję swoje rzeczy. Zapraszam do kupowania gdziekolwiek indziej.

Krok 3: Oprogramowanie?

Pobierz projekt tutaj:

Projekt jest dostępny w dwóch plikach - jeden to szkic, drugi zawiera stronę internetową, którą wyśle Twój ESP.

Jeśli nie czujesz się komfortowo, ściągając jakiś nieznany ZIP: oto główny szkic:

…i strona internetowa:

Jeśli nie używasz ZIP: oba pliki trafiają do jednego folderu. Webpage-Part powinien znajdować się w pliku o nazwie "index_html.h" - szkic może mieć dowolną nazwę, o ile nazwa folderu jest taka sama jak nazwa INO. Tak, Arduino…

Krok 4: Biblioteki?

Pewny. Aby skompilować, musisz mieć zainstalowane następujące biblioteki:

Menedżer Wifi

..oraz biblioteka dla matrycy LED: https://github.com/thomasfredericks/wemos_matrix_…..wich poprosi o zainstalowanie biblioteki Adafruit GFX.

Obie (wszystkie trzy?) biblioteki można uzyskać za pośrednictwem starego, dobrego Menedżera bibliotek.

Krok 5: A więc - jak sprawić, by to działało?

Po wgraniu kodu, Twój Wyświetlacz LED wykonuje małą animację - informując Cię, że chce połączyć się z Wifi. Więc chwyć swój telefon, otwórz swoją sieć WLAN - poszukaj nowej sieci WLAN o nazwie

8x8malarz KONFIG

- połącz się z nową siecią WLAN - twój telefon powinien zapytać, czy chcesz połączyć się z tą siecią WIFI (przepraszam, niemiecki fone tutaj - nie jestem pewien, co mówi angielska wiadomość) - dotknij tego. Jeśli nie pojawi się taka wiadomość: otwórz przeglądarkę (w telefonie podłączonym do Wi-Fi ESP) i przejdź do "https://1.2.3.4".

Biały ekran, duże niebieskie przyciski? To Menedżer Wi-Fi.

Dotknij „Konfiguruj Wi-Fi”, wybierz Wi-Fi i wpisz hasło. Hit save - animacja powinna się zatrzymać (matryca robi się czarna); ESP jest teraz podłączony do Wi-Fi.

Otwórz wybraną przeglądarkę i użyj tego adresu:

8x8malarz

- to wszystko: powinieneś teraz zobaczyć główny interfejs - szczęśliwe budowanie ikon!!

Krok 6: Notatki

Nie tylko jestem do niczego z rysowaniem ikon, ale też z komentowaniem. Zwykle wybieram wyraziste nazwy zmiennych - więc szkic nie powinien być tak trudny do naśladowania.

Tak, uwielbiam swoje funkcje - najłatwiej odczytać szkic, zwinąć wszystko i sprawdzić poszczególne funkcje.

Zostawiłem w kodzie kilka instrukcji Serial.print do debugowania - sprawdzanie konsoli szeregowej podczas uruchamiania może być dobrym pomysłem:)

Strona internetowa jest przechowywana w jednym długim ciągu - piekło i potępienie - ciągi! Jak mógłbym? Cóż, mam na to miejsce, wcale tego nie zmieniam (Globals From Hell) - więc tak naprawdę nie obchodzi mnie to. Jeśli tak: śmiało, zrób to lepiej. Na tym polega piękno programowania.

Strona internetowa robi prawie wszystko w JavaScript - przepraszam za to; było to najbardziej kompaktowe rozwiązanie, jakie mogłem wymyślić. Komunikacja między ESP a przeglądarką mogłaby być znacznie lepsza dzięki webSockets - ale podczas pisania myślałem o GET-Strings - pamiętaj: nigdy nie dotykaj działającego systemu:)

Strona została zbudowana w Firefoksie - leniwy ja, nie testowałem chrome/edge/opera/WhateverYouUse. Jeśli coś się zepsuje… wypróbuj Firefoksa.

2020 przez Detlefa Zmień. Darmowe oprogramowanie - baw się dobrze!!