Sadržaj:

DIY Kako prikazati vrijeme na M5StickC ESP32 pomoću Visuina - jednostavno za napraviti: 9 koraka
DIY Kako prikazati vrijeme na M5StickC ESP32 pomoću Visuina - jednostavno za napraviti: 9 koraka

Video: DIY Kako prikazati vrijeme na M5StickC ESP32 pomoću Visuina - jednostavno za napraviti: 9 koraka

Video: DIY Kako prikazati vrijeme na M5StickC ESP32 pomoću Visuina - jednostavno za napraviti: 9 koraka
Video: ESP8266 Diesel Injector Purging Station - PWM NodeMCU pump flow Control (Subtittled) 2024, Srpanj
Anonim

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

Ono što će vam trebati
Ono što će vam trebati
Ono što će vam trebati
Ono što će vam trebati
  1. M5StickC ESP32: možete ga nabaviti ovdje
  2. 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 i odaberite vrstu ploče M5 Stack Stick C ploče
Pokrenite Visuino i odaberite vrstu ploče M5 Stack Stick C ploče
Pokrenite Visuino i odaberite vrstu ploče M5 Stack Stick C ploče
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

U Visuinu komponente za dodavanje i postavljanje
U Visuinu komponente za dodavanje i postavljanje
U Visuinu komponente za dodavanje i postavljanje
U Visuinu komponente za dodavanje i postavljanje
U Visuinu komponente za dodavanje i postavljanje
U Visuinu komponente za dodavanje i postavljanje
U Visuinu komponente za dodavanje i postavljanje
U Visuinu komponente za dodavanje i postavljanje
  1. Pritisnite ploču "M5 Stack Stick C" da biste je odabrali
  2. U prozoru "Svojstva" odaberite "Moduli" i kliknite "+" za proširenje, odaberite "Prikaz ST7735" i kliknite "+" da biste ga proširili
  3. Postavite Orijentacija na "goRight" <to znači kako će vrijeme biti orijentirano na LCD -u
  4. Odaberite "Elementi" i kliknite plavi gumb s 3 točke…
  5. Prikazat će se dijaloški okvir elemenata
  6. 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

U Visuinu Set Components
U Visuinu Set Components
U Visuinu Set Components
U Visuinu Set Components
  1. Odaberite komponentu "FormattedTxt1" i u prozoru "Svojstva" postavite "Tekst" na:%0:%1:%2
  2. Dvaput kliknite na komponentu "FormattedText1" i u dijalogu Elementi povucite 3x "Tekstualni element" ulijevo

Korak 5: U komponentama Visuino Connect

U komponentama Visuino Connect
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

Generirajte, sastavite i prenesite Arduino kod
Generirajte, sastavite i prenesite Arduino kod
  • 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

Dodatno: Jednostavan trik
Dodatno: Jednostavan trik
Dodatno: Jednostavan trik
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.

Preporučeni: