Pictor 8x8: 6 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:41

Un instrument simplu pentru crearea graficii pe un modul LED 8x8.

Băieți - sunt rău. Nu - foarte, foarte rău când vine vorba de desenarea icoanelor. Desenați mai ales pictograme pe o grilă de 8x8, cum ar fi acele mici afișaje WEMOS Matrix pentru un WEMOS D1. Mai mult decât atât, mă trag de numărarea rândurilor și transformarea acestora într-o reprezentare binară.

Așa că am înșelat - și am creat acest lucru mic numit pictor 8x8.

Pasul 1: Ce este asta?

ESP8266 găzduiește o pagină web care reprezintă grila de 8x8 a afișajului matricial - faceți clic pe unul dintre aceste puncte și devine roșu / pornit, faceți clic din nou și se oprește / negru. Afișajul dvs. face același lucru, astfel încât să puteți verifica opera dvs. de artă în timp real pe hardware-ul real. Încă mai trag de desen, dar acum știu destul de devreme când supt:)

În partea dreaptă a grilei (pe ecran) veți găsi reprezentarea binară copiată și lipită sub formă de matrice de octeți (stocată în progmem) - apucați-o și lipiți-o în codul dvs. Simțiți-vă liber să adaptați numele matricei și dacă programul nu va funcționa pentru dvs.: asta înseamnă 8 octeți - deci probabil că nu vă va supraîncărca memoria;)

Pasul 2: De ce ai nevoie?

Acesta este proiectat având în vedere un WEMOS D1, deci aveți nevoie de D1 și un ecran LED LOLIN Matrix: D1:

Matrix LED Shield:

- acestea nu sunt legături afliliate - aici îmi aduc lucrurile. Simțiți-vă liber să cumpărați oriunde altundeva.

Pasul 3: Software?

Descărcați proiectul aici:

Proiectul vine în două fișiere - unul este schița, al doilea conține pagina web pe care o va trimite ESP-ul dvs.

Dacă nu vă simțiți confortabil să descărcați un cod ZIP necunoscut: iată schița principală:

… Și pagina web:

Dacă nu utilizați codul ZIP: ambele fișiere intră într-un singur folder. Partea de pagină web trebuie să se afle într-un fișier numit „index_html.h” - schița poate fi numită orice, atâta timp cât numele folderului este același cu cel al INO. Da, Arduino …

Pasul 4: Biblioteci?

Sigur. Pentru a compila, trebuie să aveți aceste biblioteci instalate:

Manager Wifi

..și biblioteca pentru matricea LED: https://github.com/thomasfredericks/wemos_matrix_…..wich vă va cere să instalați biblioteca Adafruit GFX.

Ambele biblioteci (toate cele trei?) Pot fi obținute prin vechiul Manager de biblioteci.

Pasul 5: Deci - Cum reușim să funcționeze acest lucru?

După încărcarea codului, afișajul LED face puțină animație - spunându-vă că vrea să se conecteze la Wifi. Deci, apucați-vă telefonul, deschideți-vă WLAN-ul - căutați o nouă WLAN numită

8x8painter CONFIG

- conectați-vă la noua rețea WLAN - telefonul dvs. ar trebui să întrebe, dacă doriți să vă conectați la acel WIFI (îmi pare rău, telefonul german este aici - nu sunteți sigur ce spune mesajul în limba engleză) - atingeți. Dacă nu apare un astfel de mesaj: deschideți un browser (pe telefonul dvs. care este conectat la WiFi-ul ESP) și mergeți la „https://1.2.3.4”.

Ecran alb, butoane mari albastre? Acesta este managerul Wifi.

Atingeți „Configurați Wifi”, selectați-vă wifi-ul și introduceți parola. Hit save - animația ar trebui să se oprească (matricea devine neagră); ESP este acum conectat la wifi.

Deschideți un browser la alegere și utilizați această adresă:

8x8painter

- asta e: acum ar trebui să vedeți interfața principală - fericire de pictograme !!

Pasul 6: Note

Nu numai că suge la desenarea icoanelor - deși suge la comentarii. În mod normal, aleg nume variabile expresive - deci schița nu ar trebui să fie atât de greu de urmat.

Da, îmi plac funcțiile - cel mai simplu mod de a citi schița este să restrângeți toate și să verificați funcțiile separate.

Am lăsat câteva declarații Serial.print în cod pentru depanare - verificarea consolei seriale în timpul rulării poate fi o idee bună:)

Pagina Web este stocată într-un șir lung - iad și condamnare - Șiruri! Cum aș putea? Ei bine, am spațiu pentru asta, nu-l schimb deloc (Globals From Hell) - așa că nu-mi pasă cu adevărat. Dacă faceți acest lucru: continuați, faceți-o mai bună. Aceasta este frumusețea programării.

Pagina web face aproape totul în JavaScript - îmi pare rău pentru asta; a fost cea mai compactă soluție cu care am putut veni. Comunicarea dintre ESP și browser ar putea fi făcută mult mai bine cu webSockets - dar a face GET-Strings a fost lucrul pe care l-am gândit în timp ce scria - amintiți-vă: nu atingeți niciodată un sistem care rulează:)

Pagina web a fost construită folosind Firefox - lenește-mă, nu am testat chrome / edge / opera / whateverYouUse. Dacă se sparge ceva.. încercați Firefox.

2020 de Detlef Amend. Software gratuit - distrează-te cu el !!