8x8 maalari: 6 vaihetta

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 08:59

Yksinkertainen työkalu grafiikan luomiseen 8x8 LED -moduuliin.

Pojat - olen huono. Ei - todella, todella huono kuvakkeiden piirtämisen suhteen. Erityisesti kuvakkeiden piirtäminen 8x8 ruudukkoon, kuten pienet WEMOS D1 -matriisinäytöt. Lisäksi imen rivien laskemista ja niiden muuttamista binääriseksi esitykseksi.

Joten petin - ja loin tämän pienen asian nimeltä 8x8 maalari.

Vaihe 1: Mikä se on?

ESP8266 isännöi verkkosivua, joka edustaa matriisinäytön 8x8 ruudukkoa - napsauta yhtä näistä pisteistä ja se muuttuu punaiseksi/päälle, napsauta uudelleen ja se sammuu/musta. Näyttösi tekee saman, joten voit tarkistaa taideteoksesi reaaliajassa aidolla laitteistolla. Tykkään edelleen piirtää mitään siitä, mutta nyt tiedän melko aikaisin, kun imen:)

Ruudukon oikealta puolelta (näytöltä) löydät kopiointi- ja liitäntävalmiuden binaariesityksen tavutyyppinä (tallennettu ohjelmaan) - nappaa se ja liitä se koodiin. Voit vapaasti muokata taulukon nimeä, ja jos ohjelma ei toimi sinulle: se on 8 tavua - joten se ei todennäköisesti ylikuormita muistiasi;)

Vaihe 2: Mitä tarvitset?

Tämä on suunniteltu WEMOS D1: tä ajatellen, joten tarvitset D1: n ja LOLIN Matrix -LED -suojan: D1:

Matrix LED Shield:

- nämä eivät ole liitännäisiä linkkejä - täältä saan tavarani. Voit vapaasti ostaa muualta.

Vaihe 3: Ohjelmisto?

Lataa projekti täältä:

Projektissa on kaksi tiedostoa - yksi luonnos, toinen sisältää verkkosivun, jonka ESP lähettää.

Jos et halua ladata tuntematonta ZIP -tiedostoa: tässä on pääluonnos:

… Ja verkkosivu:

Jos et käytä ZIP -tiedostoa: molemmat tiedostot menevät yhteen kansioon. Verkkosivun osan tulee olla tiedostossa nimeltä "index_html.h" - luonnosta voidaan kutsua millä tahansa, kunhan kansion nimi on sama kuin INO: n. Joo, Arduino…

Vaihe 4: Kirjastot?

Varma. Kääntäminen edellyttää, että asennat seuraavat kirjastot:

Wifi Manager

..ja LED -matriisin kirjasto: https://github.com/thomasfredericks/wemos_matrix_…..wich pyytää sinua asentamaan Adafruit GFX -kirjaston.

Molemmat (kaikki kolme?) Kirjastoa voi hankkia vanhan hyvän kirjastonhoitajan kautta.

Vaihe 5: Joten - miten saamme tämän asian toimimaan?

Koodin lataamisen jälkeen LED -näyttösi tekee pienen animaation - kertoo, että se haluaa muodostaa yhteyden Wifi -verkkoon. Tartu siis puhelimeesi, avaa WLAN -verkkosi - etsi uusi WLAN -nimi

8x8painter CONFIG

- muodosta yhteys uuteen WLAN -verkkoon - puhelimesi tulisi kysyä, haluatko muodostaa yhteyden kyseiseen WIFI -verkkoon (anteeksi, saksalainen fone täällä - et ole varma, mitä englanninkielinen viesti sanoo) - napauta sitä. Jos tällaista viestiä ei näy: avaa selain (puhelimellasi, joka on yhdistetty ESP: n WiFi -verkkoon) ja siirry kohtaan "https://1.2.3.4".

Valkoinen näyttö, suuret siniset painikkeet? Se on Wifi Manager.

Napauta "Määritä Wifi", valitse wifi ja kirjoita salasanasi. Osuma tallenna - animaation pitäisi pysähtyä (matriisi muuttuu mustaksi); ESP on nyt yhdistetty wifi -verkkoon.

Avaa haluamasi selain ja käytä tätä osoitetta:

8x8maalari

- siinä kaikki: sinun pitäisi nyt nähdä päärajapinta - onnellinen kuvakkeen rakentaminen !!

Vaihe 6: Huomautuksia

En vain imetä piirtämällä kuvakkeita - vaikka olen imemässä kommentoinnista. Käytän yleensä ilmeikkäitä muuttujien nimiä - joten luonnoksen ei pitäisi olla niin vaikea seurata.

Joo, rakastan toimintojani - helpoin tapa lukea luonnos on tiivistää kaikki ja tarkistaa erilliset toiminnot.

Jätin joitakin Serial.print -lauseita virheenkorjauksen koodiin - sarjakonsolin tarkistaminen käynnissä saattaa olla hyvä idea:)

Verkkosivu on tallennettu yhdeksi pitkäksi merkkijonoksi - helvetti ja kirous - merkkijonot! Kuinka voisin? No, minulla on tilaa sille, en muuta sitä ollenkaan (Globals From Hell) - joten en todellakaan välitä. Jos teet: mene eteenpäin, paranna sitä. Siinä on ohjelmoinnin kauneus.

Verkkosivu tekee melko paljon kaikkea JavaScriptissä - pahoittelut siitä; se oli kompakti ratkaisu, jonka keksin. Viestintä ESP: n ja selaimen välillä voitaisiin tehdä paljon paremmin webSocketsin avulla - mutta GET -Stringsin tekeminen oli mieleeni kirjoittaessani - muista: älä koskaan kosketa käynnissä olevaa järjestelmää:)

Verkkosivu rakennettiin Firefoxilla - laiska minä, en testannut chrome/edge/opera/whatYouUse. Jos jokin menee rikki.. kokeile Firefoxia.

2020, tekijä Detlef Amend. Ilmainen ohjelmisto - pidä hauskaa sen kanssa !!