Šauniai atrodantis „M5StickC“laikrodis su meniu ir ryškumo valdymu: 8 žingsniai

2024 Autorius: John Day | [email protected]. Paskutinį kartą keistas: 2024-01-30 10:44

Šioje pamokoje sužinosime, kaip užprogramuoti „ESP32 M5Stack StickC“su „Arduino IDE“ir „Visuino“rodyti laiką LCD ekrane, taip pat nustatyti laiką ir ryškumą naudojant meniu ir „StickC“mygtukus.

Žiūrėkite demonstracinį vaizdo įrašą.

1 žingsnis: ko jums reikės

„M5StickC ESP32“: galite gauti čia

„Visuino“programa: atsisiųskite „Visuino“

Pastaba: čia rasite šią pamoką, kaip įdiegti „StickC ESP32“plokštę

2 veiksmas: paleiskite „Visuino“ir pasirinkite „M5 Stack Stick C“plokštės tipą

„Visuino“paleidimas, kaip parodyta pirmoje nuotraukoje „Visuino“spustelėkite mygtuką „Įrankiai“, esantį „Arduino“komponente (1 pav.) Kai pasirodys dialogo langas, pasirinkite „M5 Stack Stick C“, kaip parodyta 2 paveiksle

3 žingsnis: „Visuino“nustatykite „StickC Board“

1. Spustelėkite „M5 Stack Stick C“plokštę, kad ją pasirinktumėte
2. Lange „Ypatybės“pasirinkite „Moduliai“ir spustelėkite „+“, kad išplėstumėte,
3. Pasirinkite „Display ST7735“ir spustelėkite „+“, kad ją išplėstumėte,
4. Nustatykite „Orientation“į „goRight“
5. Nustatykite „Fono spalvą“į „ClBlack“
6. Pasirinkite „Elementai“ir spustelėkite mėlyną mygtuką su 3 taškais…
7. Bus parodytas elementų dialogas
8. Elemento dialogo lange vilkite 2X „Teksto laukas“iš dešinės į kairę
9. Kairėje pusėje spustelėkite „Teksto laukas1“, kad jį pasirinktumėte, tada lange „Ypatybės“spustelėkite „Spalva“ir nustatykite jį į „aclOrange“, tada spustelėkite „Užpildyti spalvą“ir nustatykite į „aclBlack“(Jūs jei norite, galite žaisti su spalvomis) -taip pat ir ypatybių languose, nustatytuose X: 10 ir Y: 20, čia norite rodyti laiką LCD rinkinio dydžiu: 3 (tai laiko šrifto dydis)
10. Kairėje pusėje spustelėkite „Teksto laukas2“, kad jį pasirinktumėte, tada lange „Ypatybės“spustelėkite „Spalva“ir nustatykite jį į „aclAqua“, tada spustelėkite „Užpildyti spalvą“ir nustatykite į „aclBlack“

(Jei norite, galite žaisti su spalvomis) -nustatykite „Pradinė vertė“į: Nustatykite HOUR

-taip pat ypatybių languose, nustatytuose X: 10 ir Y: 2, čia norite rodyti meniu LCD ekrane -rinkinio dydis: 1 (tai yra meniu šrifto dydis)

Uždarykite elementų langą

1. Spustelėkite „M5 Stack Stick C“plokštę, kad ją pasirinktumėte
2. Lange „Ypatybės“pasirinkite „Moduliai“ir spustelėkite „+“, kad išplėstumėte,
3. Pasirinkite „Rodyti realiojo laiko žadintuvą (RTC)“ir spustelėkite „+“, kad jį išplėstumėte,
4. Pasirinkite „Elementai“ir spustelėkite mėlyną mygtuką su 3 taškais…
5. Elemento dialogo lange vilkite „Nustatyti valandą“iš dešinės į kairę, o ypatybių lange nustatykite „Pridėti vertę“į: Tiesa ir „Vertė“į: 1
6. Elemento dialogo lange vilkite „Nustatyti minutę“iš dešinės į kairę, o ypatybių lange nustatykite „Pridėti vertę“į: Tiesa ir „Vertė“į: 1
7. Elemento dialogo lange vilkite „Nustatyti antrą“iš dešinės į kairę, o ypatybių lange nustatykite „Pridėti vertę“į: Tiesa ir „Vertė“į: 1

Uždarykite elementų langą

4 žingsnis: „Visuino“pridėkite komponentų

1. Pridėkite 2x „Debounce Button“komponentą
2. Pridėkite „Auto Repeat Button“komponentą
3. Pridėkite „Teksto masyvo“komponentą
4. Pridėkite „Analog Array“komponentą
5. Pridėkite 2x „Skaitiklio“komponentą
6. Pridėkite „Clock Demux“(kelių išėjimų kanalų jungiklis) komponentą
7. Pridėkite komponentą „Atšifruoti (padalinti) datą/laiką“
8. Pridėkite „FormattedText1“komponentą

5 žingsnis: Visuino rinkinio komponentuose

1. Pasirinkite komponentą „FormattedText1“ir lange „Ypatybės“nustatykite „Tekstas“į:%0:%1:%2
2. Dukart spustelėkite „FormattedText1“komponentą ir dialogo lange „Elements“3 kartus vilkite „Teksto elementas“į kairę
3. Pasirinkite „TextElement1“kairėje pusėje ir ypatybių lange nustatykite „Fill Character“į: 0 ir „Length“į: 2
4. Pasirinkite „TextElement2“kairėje pusėje ir ypatybių lange nustatykite „Fill Character“į: 0 ir „Length“į: 2
5. Pasirinkite „TextElement3“kairėje pusėje ir ypatybių lange nustatykite „Fill Character“į: 0 ir „Length“į: 2
6. Pasirinkite „ClockDemmux1“komponentą ir ypatybių lange nustatykite „Išvesties kaiščiai“į: 5
7. Pasirinkite „Counter1“komponentą ir ypatybių lange išplėskite „Max“ir nustatykite „Value“į: 4
8. Pasirinkite „Counter1“komponentą ir ypatybių lange išplėskite „Min“ir nustatykite „Value“į: 0
9. Pasirinkite „Counter2“komponentą ir ypatybių lange išplėskite „Max“ir nustatykite „Value“į: 6
10. Pasirinkite „Counter2“komponentą ir ypatybių lange išplėskite „Min“ir nustatykite „Value“į: 0BUILDING MENIU:
11. Pasirinkite „Array1“komponentą („Text Array“) ir dukart spustelėkite jį.-Elementų lange vilkite 4X „Value“į kairę pusę-Kairėje pusėje pasirinkite „Item [1]“ir ypatybių lango rinkinyje „Value“iki: SET HOURS-Kairėje pusėje pasirinkite „Item [2]“ir ypatybių lange nustatykite „Value“į: SET MINUTES-Kairėje pusėje pasirinkite „Item [3]“ir ypatybių lango rinkinyje „Value“iki: SET SECONDS-Kairėje pusėje pasirinkite „Item [4]“ir ypatybių lange nustatykite „Value“į: SET BRIGHTNESSUždarykite elementų langą.

12. Pasirinkite „Array2“komponentą (analoginis masyvas) ir dukart spustelėkite jį.-Elementų lange vilkite 6X „Value“į kairę pusę-Kairėje pusėje pasirinkite „Item [0]“ir ypatybių lango rinkinyje „Value“iki: 1

    -Kairėje pusėje pasirinkite „Prekė [1]“ir ypatybių lange nustatykite „Vertė“į: 0.9

    -Kairėje pusėje pasirinkite „Prekė [2]“ir ypatybių lange nustatykite „Vertė“į: 0,8. Kairėje pusėje pasirinkite „Prekė [3]“, o ypatybių lange „Vertė“nustatykite į: 0.7 -Įjungta kairėje pusėje pasirinkite „Prekė [4]“ir ypatybių lange nustatykite „Vertė“į: 0.6-Kairėje pusėje pasirinkite „Prekė [5]“, o ypatybių lange nustatykite „Vertė“į: 0.55

6 veiksmas: „Visuino Connect“komponentuose

1. Prijunkite „M5 Stack Stick C“kaištį A (M5) prie „Button2“kaiščio [In]
2. Prijunkite „M5 Stack Stick C“kaištį [B] prie „Button1“kaiščio [In]
3. Prijunkite „Button2“kaištį [išėjimas] prie „RepeatButton1“kaiščio [į]
4. Prijunkite „RepeatButton1“kaištį [iš] prie „ClockDemmux1“kaiščio [į]
5. Prijunkite „Button1“kaištį [Out] prie „Counter1“kaiščio [In]
6. Prijunkite „M5 Stack Stick C“> „Real Time Alarm Clock (RTC)“kaištį [Out] prie „DecodeDateTime1“kaiščio [į]
7. Prijunkite „DecodeDateTime1“kaištį [Valanda] prie „FormattedText1“> „TextElement1“kaiščio [In]
8. Prijunkite „DecodeDateTime1“kaištį [minutė] prie „FormattedText1“> „TextElement2“kaiščio [In]
9. Prijunkite „DecodeDateTime1“kaištį [antras] prie „FormattedText1“> „TextElement3“kaiščio [In]
10. Prijunkite „FormattedText1“kaištį [išvestis] prie „M5 Stack Stick C“plokštės> „Display ST7735“> „Text Field1“pin [In]
11. Prijunkite „Counter1“kaištį [Out] prie „ClockDemmux1“kaiščio [Pasirinkite] ir „Array1“kaištį [rodyklė]
12. Prijunkite „Counter2“kaištį [išėjimas] prie „Array2“kaiščio [rodyklė]
13. Prijunkite „Array1“kaištį [Out] prie „M5 Stack Stick C“plokštės> „Display ST7735“> „Text Field2“pin [In]
14. Prijunkite „Array2“kaištį [išėjimas] prie „M5 Stack Stick C“plokštės> „Display ST7735“> kaiščio [ryškumas]
15. Prijunkite „ClockDemmux1“kaištį [1] prie „M5 Stack Stick C“plokštės> „Žadintuvas realiuoju laiku (RTC)“> „Nustatyti valandą1“kaištis [Laikrodis]
16. Prijunkite „ClockDemmux1“kaištį [2] prie „M5 Stack Stick C“plokštės> „Žadintuvas realiuoju laiku (RTC)“> „Nustatyti minutę1“kaištis [Laikrodis]
17. Prijunkite „ClockDemmux1“kaištį [3] prie „M5 Stack Stick C“plokštės> „Žadintuvas realiuoju laiku (RTC)“> „Set Second1“kaištis [Laikrodis]
18. Prijunkite „ClockDemmux1“kaištį [4] prie „Counter2“kaiščio [In]

7 veiksmas: sukurkite, sukompiliuokite ir įkelkite „Arduino“kodą

1. „Visuino“apačioje spustelėkite skirtuką „Sukurti“, įsitikinkite, kad pasirinktas teisingas prievadas, tada spustelėkite mygtuką „Kompiliuoti/kurti ir įkelti“.

8 žingsnis: žaiskite

Jei įjungiate „M5Sticks“modulį, ekrane turėtų būti pradėtas rodyti laikas. Galite pakeisti laiką ir ryškumą naudodami mygtukus „B“, kad būtų rodomas meniu ir perjungimas tarp kitų (Nustatyti valandas, Nustatyti minutes, Nustatyti sekundes, Nustatyti ryškumą) ir jį nustatyti naudojant mygtuką „M5“.

Sveikinu! Jūs baigėte savo „M5Sticks“projektą su „Visuino“. Taip pat pridedamas „Visuino“projektas, kurį sukūriau šiai „Instructable“, galite jį atsisiųsti čia. Galite atsisiųsti ir atidaryti „Visuino“: