8x8 Painter: 6 na Hakbang

2024 May -akda: John Day | [email protected]. Huling binago: 2024-01-30 13:10

Isang simpleng tool para sa paglikha ng mga graphic sa isang 8x8 LED module.

Guys - masama ako. Hindi - talaga, talagang masama pagdating sa pagguhit ng mga icon. Lalo na ang pagguhit ng mga icon sa isang 8x8 grid, tulad ng maliit na WEMOS Matrix Ipinapakita para sa isang WEMOS D1. Bukod dito, sinisipsip ko ang pagbibilang ng mga hilera at binago ang mga iyon sa isang representasyong binary.

Kaya't ako ay nandaya - at nilikha ang maliit na bagay na ito na tinatawag na 8x8 pintor.

Hakbang 1: Ano Iyon?

Nagho-host ang ESP8266 ng isang webpage na kumakatawan sa 8x8 grid ng display ng matrix - i-click ang isa sa mga tuldok na ito at nagiging pula / on, mag-click muli at papatayin / itim. Ginagawa ng iyong display ang parehong bagay, upang maaari mong suriin ang iyong likhang sining sa realtime sa totoong hardware. Sinisipsip ko pa rin ang pagguhit ng anuman sa mga iyon, ngunit ngayon alam ko nang maaga kapag sumuso ako:)

Sa kanang bahagi ng grid (sa iyong screen) mahahanap mo ang kopya at i-paste ang handa na binary na representasyon sa anyo ng isang byte array (nakaimbak sa progmem) - grab lang ito at i-paste ito sa iyong code. Huwag mag-atubiling iakma ang pangalan ng array, at kung ang progmem ay hindi gagana para sa iyo: iyon ay 8 bytes - kaya't marahil ay hindi ito labis na maalala;)

Hakbang 2: Ano ang Kailangan Mo?

Ito ay dinisenyo kasama ang isang WEMOS D1, kaya kailangan mo ng D1 at isang LOLIN Matrix LED na kalasag: D1:

Matrix LED Shield:

- ang mga ito ay walang mga link na magkakaugnay - dito ko lamang kinukuha ang aking mga bagay-bagay. Huwag mag-atubiling bumili kahit saan pa.

Hakbang 3: Software?

I-download ang proyekto dito:

Ang proyekto ay nagmula sa dalawang mga file - isa ang sketch, ang pangalawa ay naglalaman ng webpage na ipapadala ng iyong ESP.

Kung hindi ka komportable sa pag-download ng ilang hindi kilalang ZIP: narito ang pangunahing sketch:

… at ang webpage:

Kung hindi mo gagamitin ang ZIP: ang parehong mga file ay pumunta sa isang folder. Ang Webpage-Part ay dapat na nasa isang file na tinawag na "index_html.h" - ang sketch ay maaaring tawaging anuman, basta ang pangalan ng folder ay kapareho ng sa INO. Yeah, Arduino…

Hakbang 4: Mga Aklatan?

Oo naman Upang mag-ipon, kailangan mong mai-install ang mga aklatan na ito:

Wifi Manager

..at ang silid-aklatan para sa LED matrix: https://github.com/thomasfredericks/wemos_matrix_…..hihiling sa iyo ngwich na i-install ang Adafruit GFX library.

Ang parehong (lahat ng tatlo?) Na mga aklatan ay maaaring makuha sa pamamagitan ng mabuting lumang Library Manager.

Hakbang 5: Kaya - Paano Ko Magagawa ang Bagay na Ito?

Matapos i-upload ang code, ang iyong LED Display ay gumagawa ng kaunting animasyon - sinasabi sa iyo, nais nitong kumonekta sa iyong Wifi. Kaya kunin ang iyong fone, buksan ang iyong WLAN's - maghanap para sa isang bagong WLAN na pinangalanan

8x8painter CONFIG

- kumonekta sa bagong WLAN - dapat magtanong ang iyong fone, kung nais mong kumonekta sa WIFI na iyon (paumanhin, fone ng aleman dito - hindi sigurado kung ano ang sinasabi ng mensahe sa ingles) - i-tap iyon. Kung walang lilitaw na naturang mensahe: buksan ang isang browser (sa iyong fone na konektado sa WiFi ng ESP) at magtungo sa "https://1.2.3.4".

White screen, malaking asul na mga pindutan? Iyon ang Wifi Manager.

I-tap ang "I-configure ang Wifi", piliin ang iyong wifi at i-type ang iyong password. Pindutin ang i-save - dapat huminto ang animasyon (ang matrix ay nagiging itim); ang ESP ay konektado na ngayon sa iyong wifi.

Magbukas ng isang browser na iyong pinili at gamitin ang adress na ito:

8x8painter

- Iyon lang: dapat mo na ngayong makita ang pangunahing interface - masaya ang pagbuo ng icon !!

Hakbang 6: Mga Tala

Hindi lamang ako sumisipsip ng pagguhit ng mga icon - kahit na sumuso ako sa pagbibigay ng puna. Karaniwan akong pumupunta para sa mga nagpapahiwatig na pangalan ng variable - kaya ang sketch ay hindi dapat maging napakahirap sundin.

Yeah, gusto ko ang aking mga pag-andar - ang pinakamadaling paraan upang basahin ang sketch ay upang tiklupin ang lahat at suriin ang magkakahiwalay na mga pag-andar.

Iniwan ko ang ilang mga pahayag ng Serial.print sa code para sa pag-debug - ang pag-check sa serial console habang tumatakbo ay maaaring isang magandang ideya:)

Ang Webpage ay nakaimbak sa isang mahabang string - impiyerno at sumpa - Mga string! Paano ko kaya Sa gayon, may puwang ako para dito, hindi ko talaga ito binabago (Globals From Hell) - kaya wala akong pakialam talaga. Kung gagawin mo: sige, gawing mas mahusay ito. Ang ganda ng pagprograma.

Ginagawa ng Webpage ang halos lahat ng bagay sa JavaScript - paumanhin para doon; ito ang pinaka-compact na solusyon na maaari kong makabuo. Ang komunikasyon sa pagitan ng ESP at ng browser ay maaaring magawa nang mas mahusay sa webSockets - ngunit ang paggawa ng GET-Strings ang nasa isip ko habang nagsusulat - tandaan: huwag kailanman hawakan ang isang tumatakbo na system:)

Ang Webpage ay itinayo gamit ang Firefox - tinatamad ako, hindi ko sinubukan ang chrome / edge / opera / kung ano ang YouUse na ginagamit. Kung may nasira.. subukan ang Firefox.

2020 ni Detlef Amend. Libreng Software - magsaya kasama nito !!