8x8 festő: 6 lépés

2025 Szerző: John Day | [email protected]. Utoljára módosítva: 2025-01-23 14:47

Egyszerű eszköz grafika létrehozásához 8x8 LED modulon.

Srácok - rossz vagyok. Nem - nagyon, nagyon rossz, amikor ikonokat kell rajzolni. Különösen az ikonok rajzolása 8x8 -as rácsra, mint azok a kis WEMOS Mátrix kijelzők a WEMOS D1 -hez. Ráadásul szívom a sorok számolását és bináris ábrázolássá alakítását.

Szóval megcsaltam - és megalkottam ezt a 8x8 -as festőnek nevezett apróságot.

1. lépés: Mi ez?

Az ESP8266 egy olyan weboldalt üzemeltet, amely a mátrix kijelző 8x8 -as rácsát képviseli - kattintson az egyik pontra, és piros/bekapcsol, kattintson újra, és kikapcsol/fekete. A kijelzője ugyanezt teszi, így valós időben, valós hardveren tekintheti meg művét. Még mindig szívesen rajzolok bármit is, de most már elég korán tudom, mikor szívok:)

A rács jobb oldalán (a képernyőn) megtalálja a másolás és beillesztésre kész bináris ábrázolást bájt tömb formájában (a progmemben tárolva) - csak fogja meg és illessze be a kódjába. Nyugodtan módosítsa a tömb nevét, és ha a progmem nem működik az Ön számára: ez 8 bájt - így valószínűleg nem fogja túlterhelni a memóriát;)

2. lépés: Mire van szüksége?

Ezt a WEMOS D1 -et szem előtt tartva tervezték, ezért szüksége van a D1 -re és a LOLIN Matrix LED pajzsra: D1:

Mátrix LED pajzs:

- ezek nem affilil linkek - csak innen szerzem be a cuccaimat. Nyugodtan vásároljon bárhol máshol.

3. lépés: Szoftver?

Töltse le a projektet innen:

A projekt két fájlban érkezik - az egyik a vázlat, a második az ESP által küldött weboldalt tartalmazza.

Ha nem tetszik valami ismeretlen ZIP letöltése: itt a fő vázlat:

… És a weboldal:

Ha nem használja a ZIP -t: mindkét fájl egy mappába kerül. A weboldal -résznek az "index_html.h" nevű fájlban kell lennie - a vázlat bárminek nevezhető, amennyiben a mappa neve megegyezik az INO nevével. Igen, Arduino…

4. lépés: Könyvtárak?

Biztos. A fordításhoz telepítenie kell ezeket a könyvtárakat:

Wifi Manager

..és a LED -mátrix könyvtára: https://github.com/thomasfredericks/wemos_matrix_…..wich felkéri az Adafruit GFX könyvtár telepítésére.

Mindkét (mindhárom?) Könyvtár beszerezhető a régi jó Könyvtárkezelőn keresztül.

5. lépés: Tehát - hogyan tudjuk ezt működtetni?

A kód feltöltése után a LED -kijelző egy kis animációt végez - jelezve, hogy csatlakozni akar a Wifi -hez. Fogd hát a telefonodat, nyisd meg a WLAN -odat - keress egy új WLAN -t

8x8festő KONFIG

- Csatlakozzon az új WLAN -hoz - a férje megkérdezi, ha csatlakozni szeretne ehhez a WIFI -hez (bocs, német fone itt - nem biztos abban, amit az angol üzenet mond) - koppintson erre. Ha nem jelenik meg ilyen üzenet: nyisson meg egy böngészőt (a telefonján, amely csatlakozik az ESP WiFi -jéhez), és menjen a "https://1.2.3.4" oldalra.

Fehér képernyő, nagy kék gombok? Ez a Wifi Manager.

Koppintson a "Wifi konfigurálása" elemre, válassza ki a wifit, és írja be a jelszavát. Hit mentés - az animációnak le kell állnia (a mátrix elsötétül); az ESP most csatlakozik a wifi -hez.

Nyisson meg egy választott böngészőt, és használja ezt a címet:

8x8painter

- ennyi: most látnia kell a fő felületet - boldog ikonépítést !!

6. lépés: Megjegyzések

Nem csak az ikonok rajzolását szívom - bár a megjegyzéseket is. Általában kifejező változóneveket keresek - így a vázlatot nem lehet olyan nehéz követni.

Igen, szeretem a funkcióimat - a vázlat legegyszerűbb módja az összes összecsukása és az egyes funkciók ellenőrzése.

Hagytam néhány Serial.print utasítást a hibakeresési kódban - a soros konzol futás közbeni ellenőrzése jó ötlet lehet:)

A weblap egy hosszú karakterláncban van tárolva - pokol és kárhozat - karakterláncok! Hogyan tudnék? Nos, van helyem hozzá, egyáltalán nem változtatok rajta (Globals From Hell) - tehát nem igazán érdekel. Ha így tesz: folytassa, javítsa. Ez a programozás szépsége.

A weboldal nagyjából mindent megtesz a JavaScriptben - sajnálom; ez volt a legkompaktabb megoldás, amivel csak találkoztam. Az ESP és a böngésző közötti kommunikációt sokkal jobban lehetne tenni a webSockets segítségével - de írás közben a GET -Strings volt a fejemben - ne feledje: soha ne érintsen meg futó rendszert:)

A weboldal Firefox használatával készült - lusta én, nem teszteltem a chrome/edge/opera/whatYouUse -t. Ha valami elromlik.. próbáld ki a Firefoxot.

2020: Detlef Amend. Ingyenes szoftver - jó szórakozást hozzá !!