Malíř 8x8: 6 kroků

2025 Autor: John Day | [email protected]. Naposledy změněno: 2025-01-23 14:38

Jednoduchý nástroj pro vytváření grafiky na modulu LED 8x8.

Lidi - jsem špatný. Ne - opravdu, opravdu špatné, pokud jde o kreslení ikon. Zvláště kreslení ikon na mřížku 8x8, jako ty malé maticové displeje WEMOS pro WEMOS D1. Kromě toho jsem nasával počítání řádků a jejich transformaci do binární reprezentace.

Tak jsem podváděl - a vytvořil tuto maličkost zvanou malíř 8x8.

Krok 1: Co to je?

ESP8266 hostí webovou stránku, která představuje mřížku 8x8 maticového displeje - klikněte na jeden z těchto bodů a rozsvítí se červeně/znovu, znovu klikněte a vypne se/černé. Váš displej dělá totéž, takže si můžete svá díla prohlédnout v reálném čase na skutečném hardwaru. Pořád na to něco kreslím, ale teď to vím docela brzy, když sát:)

Na pravé straně mřížky (na obrazovce) najdete binární reprezentaci připravenou pro kopírování a vkládání ve formě bajtového pole (uloženého v progmem) - stačí jej uchopit a vložit do kódu. Klidně si přizpůsobte název pole, a pokud vám progmem nebude fungovat: je to 8 bajtů - takže to pravděpodobně nepřetíží vaši paměť;)

Krok 2: Co potřebujete?

Toto je navrženo s ohledem na WEMOS D1, takže potřebujete D1 a LOLIN Matrix LED štít: D1:

Matrix LED Shield:

- toto nejsou žádné afliliate odkazy - to je místo, kde dostanu své věci. Neváhejte nakoupit kdekoli jinde.

Krok 3: Software?

Stáhněte si projekt zde:

Projekt je dodáván ve dvou souborech - jeden je skica, druhý obsahuje webovou stránku, kterou vám pošle ESP.

Pokud vám není příjemné stahovat neznámé ZIP: zde je hlavní skica:

… A webová stránka:

Pokud nepoužíváte ZIP: oba soubory jdou do jedné složky. Část webové stránky by měla být v souboru s názvem „index_html.h“- skicu lze nazvat libovolně, pokud je název složky stejný jako název složky INO. Jo, Arduino…

Krok 4: Knihovny?

Tak určitě. Ke kompilaci potřebujete mít nainstalované tyto knihovny:

Wifi Manager

..a knihovna pro matici LED: https://github.com/thomasfredericks/wemos_matrix_…..wich vás požádá o instalaci knihovny Adafruit GFX.

Obě (všechny tři?) Knihovny lze získat prostřednictvím starého dobrého správce knihoven.

Krok 5: Takže - jak docílíme toho, aby tato věc fungovala?

Po nahrání kódu provede váš LED displej malou animaci - řekne vám, že se chce připojit k vašemu Wifi. Popadněte telefon, otevřete WLAN - najděte novou WLAN s názvem

KONFIGURACE malíře 8x8

- připojte se k nové WLAN - váš telefon by se měl zeptat, pokud se chcete připojit k tomuto WIFI (omlouváme se, německý telefon zde - nevíte, co říká anglická zpráva) - klepněte na to. Pokud se žádná taková zpráva nezobrazí: otevřete prohlížeč (na telefonu, který je připojen k WiFi ESP) a přejděte na „https://1.2.3.4“.

Bílá obrazovka, velká modrá tlačítka? To je Wifi Manager.

Klepněte na „Konfigurovat Wifi“, vyberte svou wifi a zadejte heslo. Hit save - animace by se měla zastavit (matice zčerná); ESP je nyní připojeno k vaší wifi.

Otevřete prohlížeč podle svého výběru a použijte tuto adresu:

8x8 malíř

- to je vše: nyní byste měli vidět hlavní rozhraní - šťastná budova ikon !!

Krok 6: Poznámky

Nejen, že sát na kreslení ikon - i když sát na komentáře. Obvykle používám expresivní názvy proměnných - takže náčrt by neměl být tak těžké sledovat.

Ano, miluji své funkce - nejsnazší způsob, jak načíst náčrt, je sbalit všechny a zkontrolovat jednotlivé funkce.

V kódu jsem nechal nějaké příkazy Serial.print pro ladění - kontrola sériové konzoly za běhu může být dobrý nápad:)

Webová stránka je uložena v jednom dlouhém řetězci - peklo a zatracení - Řetězce! Jak bych mohl? No, mám na to prostor, vůbec to neměním (Globals From Hell) - takže je mi to vlastně jedno. Pokud ano: pokračujte, zlepšujte to. V tom je krása programování.

Webová stránka dělá téměř vše v JavaScriptu - omlouváme se za to; bylo to nejkompaktnější řešení, jaké jsem mohl vymyslet. Komunikaci mezi ESP a prohlížečem bylo možné provádět mnohem lépe s webSockets - ale při psaní jsem měl na mysli GET -Strings - pamatujte: nikdy se nedotýkejte běžícího systému:)

Web byl vytvořen pomocí Firefoxu - líný, netestoval jsem chrom/edge/opera/whateverYouUse. Pokud se něco pokazí.. zkuste Firefox.

2020 od Detlef Amend. Software zdarma - bavte se s ním !!