
Obsah:
2025 Autor: John Day | [email protected]. Naposledy zmenené: 2025-01-23 15:05

Jednoduchý nástroj na vytváranie grafiky na module LED 8x8.
Chlapi - som zlý. Nie - naozaj, naozaj zlé, pokiaľ ide o kreslenie ikon. Zvlášť kreslenie ikon na mriežku 8x8, ako sú tie malé maticové displeje WEMOS pre WEMOS D1. Okrem toho sa snažím počítať riadky a transformovať ich do binárnej reprezentácie.
Podviedol som teda - a vytvoril som túto maličkosť, ktorá sa nazýva maliar 8x8.
Krok 1: Čo je to?

ESP8266 je hostiteľom webovej stránky, ktorá predstavuje mriežku 8x8 maticového displeja - kliknite na jeden z týchto bodov a zmení sa na červenú/zapnutú, znova kliknite na tlačidlo a vypne sa/čierna. Váš displej robí to isté, takže si svoje umelecké diela môžete v reálnom čase pozrieť na skutočnom hardvéri. Stále na to niečo kreslím, ale teraz viem dosť skoro, keď som naštvaný:)
Na pravej strane mriežky (na obrazovke) nájdete binárne zobrazenie pripravené na kopírovanie a vkladanie vo forme bajtového poľa (uložené v programe progmem) - jednoducho ho uchopte a vložte do kódu. Nebojte sa prispôsobiť názov poľa a ak vám progmem nebude fungovať: je to 8 bajtov - takže pravdepodobne nepreťaží vašu pamäť;)
Krok 2: Čo potrebujete?
Toto je navrhnuté s ohľadom na WEMOS D1, takže potrebujete D1 a LOLIN Matrix LED štít: D1:
Matrix LED Shield:
- toto nie sú žiadne prepojené odkazy - práve tu dostávam svoje veci. Pokojne nakúpte kdekoľvek inde.
Krok 3: Softvér?
Stiahnite si projekt tu:
Projekt sa dodáva v dvoch súboroch - jeden je náčrtom a druhý obsahuje webovú stránku, ktorú vám pošle ESP.
Ak vám nie je príjemné sťahovať neznáme ZIP: tu je hlavný náčrt:
… A webová stránka:
Ak nepoužívate ZIP: oba súbory idú do jedného priečinka. Časť webovej stránky by mala byť v súbore s názvom „index_html.h“- skicu je možné nazvať ľubovoľne, pokiaľ je názov priečinka rovnaký ako názov priečinka INO. Áno, Arduino …
Krok 4: Knižnice?
Samozrejme. Na kompiláciu potrebujete mať nainštalované tieto knižnice:
Wifi Manager
..a knižnica pre maticu LED: https://github.com/thomasfredericks/wemos_matrix_…..wich vás požiada o inštaláciu knižnice Adafruit GFX.
Obe (všetky tri?) Knižnice je možné získať prostredníctvom starého dobrého správcu knižníc.
Krok 5: Takže - ako zaistíme, aby táto vec fungovala?
Po nahraní kódu váš LED displej vykoná malú animáciu - povie vám, že sa chce pripojiť k vašej sieti Wi -Fi. Uchopte telefón, otvorte sieť WLAN - vyhľadajte novú sieť WLAN s názvom
KONFIGURÁCIA obrazu 8x8
- pripojte sa k novej sieti WLAN - váš telefón by sa mal spýtať, či sa chcete pripojiť k tejto sieti WIFI (prepáčte, nemecký telefón tu - nie ste si istí, čo hovorí správa v angličtine) - klepnite na ňu. Ak sa žiadna taká správa nezobrazí: otvorte prehliadač (na telefóne, ktorý je pripojený k WiFi ESP) a prejdite na „https://1.2.3.4“.
Biela obrazovka, veľké modré tlačidlá? To je Wifi Manager.
Klepnite na „Konfigurovať Wi -Fi“, vyberte svoju sieť Wi -Fi a zadajte heslo. Hit save - animácia by sa mala zastaviť (matica sčernie); ESP je teraz pripojené k vašej wifi.
Otvorte prehliadač podľa vlastného výberu a použite túto adresu:
8x8 maliar
- to je všetko: teraz by ste mali vidieť hlavné rozhranie - šťastnú stavbu ikon !!
Krok 6: Poznámky

Nielenže som naštvaný na kreslenie ikon - ja dokonca naštvaný na komentovanie. Normálne siaham po expresívnych názvoch premenných - takže náčrt by nemal byť taký náročný na sledovanie.
Áno, milujem svoje funkcie - náčrt sa dá najľahšie prečítať tak, že všetky zbalíte a skontrolujete jednotlivé funkcie.
V kóde som nechal niekoľko príkazov Serial.print na ladenie - kontrola sériovej konzoly za behu môže byť dobrý nápad:)
Webová stránka je uložená v jednom dlhom reťazci - peklo a zatratenie - reťazce! Ako by som mohol? No priestor na to mám, vôbec to nemením (Globals From Hell) - takže mi je to vlastne jedno. Ak to urobíte: pokračujte, zlepšujte to. V tom je krása programovania.
Webová stránka robí takmer všetko v JavaScripte - ospravedlňujeme sa; bolo to najkompaktnejšie riešenie, aké som mohol prísť. Komunikácia medzi ESP a prehliadačom by mohla byť oveľa lepšia s webSockets - ale pri písaní som myslel na GET -Strings - pamätajte: nikdy sa nedotýkajte spusteného systému:)
Webová stránka bola vytvorená pomocou Firefoxu - lenivý, nevyskúšal som chrome/edge/opera/whateverYouUse. Ak sa niečo pokazí.. vyskúšajte Firefox.
2020 od Detlef Amend. Softvér zadarmo - bavte sa s ním !!
Odporúča:
Maticový displej 8x8 s BT: 5 krokov (s obrázkami)

Maticový displej 8x8 s BT: Kúpil som pred 8 mesiacmi 4 -panelovú maticu 8x8 od spoločnosti Ebay (Čína). Bol som trochu sklamaný, keď som si uvedomil, že je to ťažké zapojenie zo strany na stranu, nie zhora nadol, pre ktoré väčšina príkladov na net sú napísané! Pozrite si krok 2. Myslím, že by som mohol mať
Zvukovo reagujúce LED diódy RGB 8x8: 6 krokov

Zvukovo reagujúce LED diódy RGB 8 x 8: Myslel som si, že by bolo vzrušujúce vytvoriť projekt Arduino so zvukovo reaktívnymi LED diódami RGB. Mojím konečným cieľom bude nakoniec použiť 2 individuálne adresovateľné matice LED 8 x 8 na vytvorenie zvukovo reaktívnych očí, ale zatiaľ sa len zoznamujem s tým, ako
Teleskopický maliar svetla Jumbo vyrobený z elektro (EMT) vedenia: 4 kroky (s obrázkami)

Teleskopický maliar svetla Jumbo vyrobený z elektroenergetického vedenia EMT: Fotografovanie pomocou svetelnej maľby (písanie svetlom) sa robí fotografovaním s dlhou expozíciou, držaním fotoaparátu v pokoji a pohybom zdroja svetla, kým je otvorená clona fotoaparátu. Keď sa clona zavrie, svetelné stopy sa zdajú byť zmrazené
Maliar na bublinkové fólie: 8 krokov

Maliar na bublinkové fólie: Ako súčasť nášho produktu „Mechatronics 1 - MECA -Y403“Kurz Master 1 na ULB, boli sme požiadaní navrhnúť robota vykonávajúceho konkrétnu funkciu a vytvoriť webovú stránku zhrňujúcu návrh robota, počínajúc výberom materiálov, modom
Viacfarebný maliar svetlom (citlivý na dotyk): 8 krokov (s obrázkami)

Viacfarebný maliar svetlom (citlivý na dotyk): Maľovanie svetlom je fotografická technika používaná na vytváranie špeciálnych efektov pri dlhých časoch uzávierky. Na „maľovanie“sa zvyčajne používa baterka obrázky. V tomto návode vám ukážem, ako vytvoriť all -in -one maliara dotykom