8x8 målare: 6 steg

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:36

Ett enkelt verktyg för att skapa grafik på en 8x8 LED -modul.

Killar - jag är dålig. Nej - riktigt, riktigt dåligt när det gäller att rita ikoner. Speciellt ritningsikoner på ett 8x8 rutnät, som de där lilla WEMOS Matrix Displays för en WEMOS D1. Utöver det suger jag på att räkna rader och omvandla dem till en binär representation.

Så jag lurade - och skapade den här lilla saken som heter 8x8 -målare.

Steg 1: Vad är det?

ESP8266 är värd för en webbsida som representerar 8x8 -rutnätet i matrisdisplayen - klicka på en av dessa prickar och den blir röd/på, klicka igen och den stängs av/svart. Din skärm gör samma sak, så att du kan kolla in dina konstverk i realtid på riktig hårdvara. Jag är fortfarande sugen på att rita något på det, men nu vet jag ganska tidigt när jag suger:)

På höger sida av rutnätet (på din skärm) hittar du den kopierings- och klistra -klara binära representationen i form av en byte -array (lagrad i program) - bara ta tag i den och klistra in den i din kod. Anpassa arraynamnet, och om programmet inte fungerar för dig: det är 8 byte - så det kommer förmodligen inte att överbelasta ditt minne;)

Steg 2: Vad behöver du?

Detta är utformat med tanke på en WEMOS D1, så du behöver D1 och en LOLIN Matrix LED -skärm: D1:

Matrix LED -skärm:

- det här är inga länkar - det är bara här jag får mina saker. Köp gärna någon annanstans.

Steg 3: Programvara?

Ladda ner projektet här:

Projektet finns i två filer - den ena är skissen, den andra innehåller webbsidan som din ESP skickar.

Om du inte känner dig bekväm med att ladda ner en okänd ZIP: här är huvudskissen:

… och webbsidan:

Om du inte använder ZIP: går båda filerna till en mapp. Webbsidan -delen ska finnas i en fil som heter "index_html.h" - skissen kan kallas vad som helst, så länge mappnamnet är detsamma som INO: s. Ja, Arduino …

Steg 4: Bibliotek?

Säker. För att kompilera måste du ha följande bibliotek installerade:

Wifi Manager

..och biblioteket för LED -matrisen: https://github.com/thomasfredericks/wemos_matrix_…..wich kommer att be dig installera Adafruit GFX -biblioteket.

Båda (alla tre?) Biblioteken kan erhållas via den gamla gamla bibliotekschefen.

Steg 5: Så - Hur får vi det här att fungera?

När du har laddat upp koden gör din LED -skärm en liten animering - berättar att den vill ansluta till din Wifi. Så ta din telefon, öppna ditt WLAN - leta efter ett nytt WLAN som heter

8x8målare KONFIG

- anslut till det nya WLAN - din telefon bör fråga, om du vill ansluta till det WIFI (förlåt, tysk telefon här - inte säker på vad det engelska meddelandet säger) - tryck på det. Om inget sådant meddelande visas: öppna en webbläsare (på din telefon som är ansluten till ESP: s WiFi) och gå till "https://1.2.3.4".

Vit skärm, stora blå knappar? Det är Wifi Manager.

Tryck på "Konfigurera Wifi", välj din wifi och skriv ditt lösenord. Tryck på spara - animationen ska sluta (matrisen blir svart); ESP är nu ansluten till ditt wifi.

Öppna en valfri webbläsare och använd den här adressen:

8x8målare

- det är det: du borde nu se huvudgränssnittet - lycklig ikonbyggnad !!

Steg 6: Anteckningar

Jag är inte bara sugen på att rita ikoner - även om jag är sugen på att kommentera. Jag går normalt för uttrycksfulla variabelnamn - så skissen ska inte vara så svår att följa.

Ja, jag älskar mina funktioner - det enklaste sättet att läsa skissen är att kollapsa alla och kontrollera de separata funktionerna.

Jag lämnade några Serial.print -uttalanden i koden för felsökning - att kontrollera seriekonsolen medan den körs kan vara en bra idé:)

Webbsidan lagras i en lång sträng - helvete och fördömelse - strängar! Hur kunde jag? Tja, jag har utrymme för det, jag ändrar det inte alls (Globals From Hell) - så jag bryr mig inte riktigt. Om du gör: fortsätt, gör det bättre. Det är det fina med att programmera.

Webbsidan gör i stort sett allt i JavaScript - förlåt för det; det var den mest kompakta lösningen jag kunde komma på. Kommunikationen mellan ESP och webbläsaren kunde göras mycket bättre med webSockets - men att göra GET -Strings var det jag tänkte på när jag skrev - kom ihåg: rör aldrig vid ett körsystem:)

Webbsidan byggdes med Firefox - lat mig, jag testade inte chrome/edge/opera/whateverYouUse. Om något går sönder.. prova Firefox.

2020 av Detlef Amend. Gratis programvara - ha kul med det !!