Sadržaj:
- Korak 1: Ono što će vam trebati
- Korak 2: Pokrenite Visuino i odaberite vrstu ploče M5 Stack Stick C ploče
- Korak 3: U Visuinu dodajte i postavite komponente
- Korak 4: U Visuino skup komponenti
- Korak 5: U komponentama Visuino Connect
- Korak 6: Generirajte, kompajlirajte i prenesite Arduino kôd
- Korak 7: Igrajte se
- Korak 8: Dodatno: Jednostavan trik
- Korak 9: U sljedećem vodiču
Video: DIY Kako prikazati vrijeme na M5StickC ESP32 pomoću Visuina - jednostavno za napraviti: 9 koraka
2025 Autor: John Day | [email protected]. Zadnja promjena: 2025-01-13 06:57
U ovom ćemo vodiču naučiti kako programirati ESP32 M5Stack StickC s Arduino IDE -om i Visuinom za prikaz vremena na LCD -u.
Korak 1: Ono što će vam trebati
- M5StickC ESP32: možete ga nabaviti ovdje
- Visuino program: Preuzmite Visuino
Napomena: Ovdje pročitajte ovaj vodič o tome kako instalirati StickC ESP32 ploču
Korak 2: Pokrenite Visuino i odaberite vrstu ploče M5 Stack Stick C ploče
Pokrenite Visuino kao što je prikazano na prvoj slici Kliknite gumb "Alati" na komponenti Arduino (Slika 1)
u Visuinu Kad se pojavi dijaloški okvir, odaberite "M5 Stack Stick C" kao što je prikazano na slici 2
Korak 3: U Visuinu dodajte i postavite komponente
- Pritisnite ploču "M5 Stack Stick C" da biste je odabrali
- U prozoru "Svojstva" odaberite "Moduli" i kliknite "+" za proširenje, odaberite "Prikaz ST7735" i kliknite "+" da biste ga proširili
- Postavite Orijentacija na "goRight" <to znači kako će vrijeme biti orijentirano na LCD -u
- Odaberite "Elementi" i kliknite plavi gumb s 3 točke…
- Prikazat će se dijaloški okvir elemenata
- U dijalogu Elementi povucite "Polje za tekst" s desne strane na lijevu stranu
Kliknite na "Polje za tekst1" s lijeve strane da biste ga odabrali, a zatim u prozoru "Svojstva" kliknite na boju i postavite je na "aclOrange"
-Također u prozorima svojstava postavljeni su X: 10 i Y: 20, ovdje želite prikazati vrijeme na LCD -u
-set size: 3 ovo je veličina fonta tog vremena
-Možete postaviti veličinu teksta i boju ako želite
Zatvorite prozor elemenata
Opcionalno:
Kliknite na ploču "M5 Stack Stick C" da biste je odabrali
U prozoru "Svojstva" odaberite "Moduli" i kliknite "+" za proširenje, odaberite "Zaslon ST7735" i kliknite "+" da biste ga proširili i vidjet ćete "Boja pozadine", ovo je zadana boja zaslona, promijenite je u vaša omiljena boja, možete postaviti svjetlinu zaslona, zadana vrijednost je 1 (max), možete je postaviti na 0,5 ili neku drugu vrijednost kako biste je učinili tamnijom
6. Dodajte komponentu "Decode (Split) Date/Time" 7. Dodajte komponentu "Formatted text"
Korak 4: U Visuino skup komponenti
- Odaberite komponentu "FormattedTxt1" i u prozoru "Svojstva" postavite "Tekst" na:%0:%1:%2
- Dvaput kliknite na komponentu "FormattedText1" i u dijalogu Elementi povucite 3x "Tekstualni element" ulijevo
Korak 5: U komponentama Visuino Connect
- Spojite "M5 Stack Stick C"> Budilicu u stvarnom vremenu (RTC)> Pin [Out] na pin komponente "DecodeDateTime1" [In]
- Spojite pin komponente "DecodeDateTime1" [Sat] na komponentu "TextElement1" komponente "FormattedText1" [In]
- Spojite pin komponente "DecodeDateTime1" [Minute] na "FormattedText1" komponentu "TextElement2" pin [In]
- Spojite pin komponente "DecodeDateTime1" [drugi] na pin "TextElement3" komponente "FormattedText1" [In]
- Spojite iglu komponente "FormattedText1" [Out] na ploču "M5 Stack Stick C" ploču "Display ST7735"> "Text Text1" pin [In]
Korak 6: Generirajte, kompajlirajte i prenesite Arduino kôd
-
U Visuinu pri dnu kliknite karticu "Build", provjerite je li odabran ispravan port, a zatim kliknite gumb "Compile/Build and Upload".
Korak 7: Igrajte se
Ako napajate modul M5Sticks, zaslon bi trebao početi pokazivati vrijeme.
Čestitamo! Završili ste svoj projekt M5Sticks s Visuinom. U prilogu je i projekt Visuino koji sam stvorio za ovaj Instructable, možete ga preuzeti ovdje.
Možete ga preuzeti i otvoriti u Visuinu:
Korak 8: Dodatno: Jednostavan trik
Možete koristiti trenutno vrijeme koje je bilo na vašem računalu u trenutku sastavljanja koda u Arduinu.
Da biste to učinili, samo ispustite komponentu "Compile Date/Time" i spojite je na "M5 Stack Stick C"> "Budilica u stvarnom vremenu (RTC)" [Set]
Datoteku projekta s ovim trikom možete preuzeti ovdje.
Korak 9: U sljedećem vodiču
U sljedećem vodiču pokazat ću vam kako izraditi sat koji izgleda cool i gdje možete namjestiti vrijeme pomoću tipki StickC! Ostanite uz nas i pogledajte moje ostale vodiče ovdje.