Turinys:

Pasidaryk pats „Kaip rodyti laiką„ M5StickC ESP32 “naudojant„ Visuino “- lengva padaryti: 9 žingsniai
Pasidaryk pats „Kaip rodyti laiką„ M5StickC ESP32 “naudojant„ Visuino “- lengva padaryti: 9 žingsniai

Video: Pasidaryk pats „Kaip rodyti laiką„ M5StickC ESP32 “naudojant„ Visuino “- lengva padaryti: 9 žingsniai

Video: Pasidaryk pats „Kaip rodyti laiką„ M5StickC ESP32 “naudojant„ Visuino “- lengva padaryti: 9 žingsniai
Video: The Canary Room Season 5 Episode 5 - A Visit to Peter Harrison and his Zebra Finches 2024, Liepa
Anonim

Šioje pamokoje sužinosime, kaip užprogramuoti „ESP32 M5Stack StickC“su „Arduino IDE“ir „Visuino“, kad būtų rodomas laikas LCD ekrane.

1 žingsnis: ko jums reikės

Ko jums reikės
Ko jums reikės
Ko jums reikės
Ko jums reikės
  1. „M5StickC ESP32“: galite gauti čia
  2. „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ą

Paleiskite „Visuino“ir pasirinkite „M5 Stack Stick C“plokštės tipą
Paleiskite „Visuino“ir pasirinkite „M5 Stack Stick C“plokštės tipą
Paleiskite „Visuino“ir pasirinkite „M5 Stack Stick C“plokštės tipą
Paleiskite „Visuino“ir pasirinkite „M5 Stack Stick C“plokštės tipą

Paleiskite „Visuino“, kaip parodyta pirmoje nuotraukoje. Spustelėkite „Arduino“komponento mygtuką „Įrankiai“(1 pav.)

Visuino Kai pasirodys dialogo langas, pasirinkite „M5 Stack Stick C“, kaip parodyta 2 paveiksle

3 veiksmas: „Visuino“pridėkite ir nustatykite komponentus

„Visuino“pridėkite ir nustatykite komponentus
„Visuino“pridėkite ir nustatykite komponentus
„Visuino“pridėkite ir nustatykite komponentus
„Visuino“pridėkite ir nustatykite komponentus
„Visuino“pridėkite ir nustatykite komponentus
„Visuino“pridėkite ir nustatykite komponentus
„Visuino“pridėkite ir nustatykite komponentus
„Visuino“pridėkite ir nustatykite komponentus
  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, pasirinkite „Rodyti ST7735“ir spustelėkite „+“, kad jį išplėstumėte
  3. Nustatykite orientaciją į „goRight“<tai reiškia, kaip laikas bus nukreiptas LCD ekrane
  4. Pasirinkite „Elementai“ir spustelėkite mėlyną mygtuką su 3 taškais…
  5. Bus parodytas elementų dialogas
  6. Elemento dialogo lange vilkite „Teksto laukas“iš dešinės į kairę

Kairėje pusėje spustelėkite „Teksto laukas1“, kad jį pasirinktumėte, tada lange „Ypatybės“spustelėkite spalvą ir nustatykite ją į „aclOrange“

-Taip pat ypatybių languose nustatykite X: 10 ir Y: 20, čia norite rodyti laiką LCD ekrane

-rinkinio dydis: 3 -tai šrifto dydis tuo metu

-Jei norite, galite nustatyti teksto dydį ir spalvą

Uždarykite elementų langą

Pasirinktinai:

Spustelėkite „M5 Stack Stick C“plokštę, kad ją pasirinktumėte

Lange „Ypatybės“pasirinkite „Moduliai“ir spustelėkite „+“, kad išplėstumėte, pasirinkite „Rodyti ST7735“ir spustelėkite „+“, kad jį išplėstumėte, ir pamatysite „Fono spalva“, tai yra numatytoji ekrano spalva, pakeiskite ją į mėgstamą spalvą, galite nustatyti ekrano ryškumą

6. Pridėkite komponentą „Atšifruoti (padalinti) datą/laiką“7. Pridėkite komponentą „Formatuotas tekstas“

4 žingsnis: Visuino rinkinio komponentuose

Visuino rinkinio komponentuose
Visuino rinkinio komponentuose
Visuino rinkinio komponentuose
Visuino rinkinio komponentuose
  1. Pasirinkite „FormattedTxt1“komponentą 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ę

5 veiksmas: „Visuino Connect“komponentuose

„Visuino Connect“komponentuose
„Visuino Connect“komponentuose
  • Prijunkite „M5 Stack Stick C“> realiojo laiko žadintuvą (RTC)> Pin [Out] prie „DecodeDateTime1“komponento kaiščio [In]
  • Prijunkite „DecodeDateTime1“komponento kaištį [Valanda] prie „FormattedText1“komponento „TextElement1“kaiščio [In]
  • Prijunkite „DecodeDateTime1“komponento kaištį [minutė] prie „FormattedText1“komponento „TextElement2“kaiščio [į]
  • Prijunkite „DecodeDateTime1“komponento kaištį [Second] prie „FormattedText1“komponento „TextElement3“kaiščio [In]
  • Prijunkite „FormattedText1“komponento kaištį [Out] prie „M5 Stack Stick C“plokštės „Display ST7735“> „Text Field1“pin [In]

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

Sukurkite, sudarykite ir įkelkite „Arduino“kodą
Sukurkite, sudarykite ir įkelkite „Arduino“kodą
  • „Visuino“apačioje spustelėkite skirtuką „Sukurti“, įsitikinkite, kad pasirinktas teisingas prievadas, tada spustelėkite mygtuką „Kompiliuoti/kurti ir įkelti“.

7 žingsnis: žaiskite

Jei įjungiate „M5Sticks“modulį, ekrane turėtų būti pradėtas rodyti laikas.

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“:

8 žingsnis: papildomas: paprastas triukas

Papildoma: paprasta gudrybė
Papildoma: paprasta gudrybė
Papildoma: paprasta gudrybė
Papildoma: paprasta gudrybė

Galite naudoti dabartinį laiką, kuris buvo jūsų kompiuteryje, kai suvedėte kodą „Arduino“.

Norėdami tai padaryti, tiesiog numeskite komponentą „Kompiliavimo data/laikas“ir prijunkite jį prie „M5 Stack Stick C“> „Real Time Alarm Clock (RTC)“kaiščio [Nustatyti]

Čia galite atsisiųsti projekto failą naudodami šį triuką.

9 veiksmas: kitoje pamokoje

Kitoje pamokoje parodysiu, kaip padaryti „Cool Looking“laikrodį, kuriame galite nustatyti laiką naudodami „StickC“mygtukus! Sekite naujienas ir peržiūrėkite kitas mano pamokas čia.

Rekomenduojamas: