Pintor 8x8: 6 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:10

Una eina senzilla per crear gràfics en un mòdul LED de 8x8.

Nois: sóc dolent. No, realment, molt malament quan es tracta de dibuixar icones. Especialment dibuixant icones en una quadrícula de 8x8, com aquelles petites pantalles WEMOS Matrix per a un WEMOS D1. A més d’això, m’agrada comptar files i transformar-les en una representació binària.

Així que vaig fer trampa i vaig crear aquesta petita cosa anomenada 8x8 painter.

Pas 1: Què és això?

L'ESP8266 allotja una pàgina web que representa la quadrícula de 8x8 de la pantalla de la matriu: feu clic en un d'aquests punts i es torna vermell / encès, feu clic de nou i s'apaga / negre. La vostra pantalla fa el mateix, de manera que podeu consultar les vostres obres d'art en temps real en maquinari real. Encara miro dibuixant qualsevol cosa sobre això, però ara sé molt aviat quan xuclo:)

A la part dreta de la quadrícula (a la pantalla) hi trobareu la representació binària preparada per copiar i enganxar en forma de matriu de bytes (emmagatzemada al programa): només heu d’agafar-la i enganxar-la al vostre codi. No dubteu a adaptar el nom de la matriu i, si el programa no us funciona: això és de 8 bytes, de manera que probablement no sobrecarregarà la vostra memòria;)

Pas 2: què necessiteu?

Està dissenyat pensant en un WEMOS D1, de manera que necessiteu el D1 i un escut LED LOLIN Matrix: D1:

Escut LED Matrix:

- No hi ha enllaços afiliats: aquí és on tinc les meves coses. No dubteu a comprar a qualsevol altre lloc.

Pas 3: programari?

Baixeu-vos el projecte aquí:

El projecte es presenta en dos fitxers: un esbós, el segon conté la pàgina web que enviarà el vostre ESP.

Si no esteu còmode descarregant algun ZIP desconegut: aquí teniu l’esbós principal:

… i la pàgina web:

Si no utilitzeu el ZIP: tots dos fitxers van a una carpeta. La pàgina web-Part hauria d'estar en un fitxer anomenat "index_html.h"; l'esbós es pot anomenar qualsevol cosa, sempre que el nom de la carpeta sigui el mateix que el de l'INO. Sí, Arduino …

Pas 4: les biblioteques?

Segur. Per compilar, heu de tenir instal·lades aquestes biblioteques:

Gestor de Wifi

..i la biblioteca de la matriu LED: https://github.com/thomasfredericks/wemos_matrix_…..wich us demanarà que instal·leu la biblioteca Adafruit GFX.

Les dues biblioteques (les tres?) Es poden obtenir mitjançant el bon administrador de biblioteques.

Pas 5: Llavors, com aconseguim que funcioni aquesta cosa?

Després de penjar el codi, la pantalla LED fa una mica d’animació, ja que us indica que vol connectar-se al vostre wifi. Així que agafa el teu telèfon, obre la teva WLAN: busca una nova WLAN anomenada

8x8painter CONFIG

- connecteu-vos a la nova WLAN - el vostre telèfon us hauria de preguntar si voleu connectar-vos a la WIFI (ho sento, fone alemany aquí - no esteu segur del que diu el missatge en anglès) - toqueu això. Si no apareix aquest missatge, obriu un navegador (al vostre telèfon que estigui connectat al WiFi de l'ESP) i aneu a "https://1.2.3.4".

Pantalla blanca, grans botons blaus? Aquest és el gestor de Wifi.

Toqueu "Configura Wifi", seleccioneu el vostre wifi i escriviu la contrasenya. Hit save - l'animació s'ha d'aturar (la matriu es torna negra); ara l'ESP està connectat al vostre wifi.

Obriu un navegador que trieu i utilitzeu aquesta adreça:

8x8painter

- ja està: ara hauríeu de veure la interfície principal: happy icon building !!

Pas 6: Notes

No només miro dibuixant icones, sinó que faig comentaris. Normalment opto per noms de variables expressius, de manera que l’esbós no hauria de ser tan difícil de seguir.

Sí, m’encanten les meves funcions: la manera més fàcil de llegir l’esbós és replegar-les totes i comprovar les funcions separades.

He deixat algunes declaracions Serial.print al codi per depurar-les; comprovar la consola sèrie mentre s'executa pot ser una bona idea:)

La pàgina web s’emmagatzema en una llarga cadena: infern i condemna: cadenes! Com podria? Bé, hi tinc l’espai, no el canvio gens (Globals From Hell), així que realment no m’importa. Si ho feu: endavant, feu-lo millor. Aquesta és la bellesa de la programació.

La pàgina web ho fa pràcticament tot en JavaScript; ho sento; va ser la solució més compacta que vaig poder trobar. La comunicació entre ESP i el navegador es podria fer molt millor amb els webSockets, però fer GET-Strings era el que pensava en escriure; recordeu: no toqueu mai un sistema en execució:)

La pàgina web es va crear amb Firefox: deixeu-me fer, no he provat chrome / edge / opera / whateverYouUse. Si alguna cosa es trenca.. prova Firefox.

2020 per Detlef Amend. Programari lliure: diverteix-te amb ell !!