Maliar 8x8: 6 krokov

2024 Autor: John Day | [email protected]. Naposledy zmenené: 2024-01-30 11:55

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 !!