Isetegemine Laheda välimusega kella valmistamine - StickC - lihtne teha: 8 sammu
Isetegemine Laheda välimusega kella valmistamine - StickC - lihtne teha: 8 sammu

Sisukord:

Anonim

Selles õpetuses õpime, kuidas programmeerida ESP32 M5Stack StickC koos Arduino IDE ja Visuinoga, et kuvada kellaaeg LCD -ekraanil ja määrata ka aeg, kasutades StickC nuppe.

Samm: mida vajate

Mida vajate
Mida vajate
Mida vajate
Mida vajate

M5StickC ESP32: saate selle siit

Visuino programm: laadige alla Visuino

Märkus. Vaadake seda õpetust siit, kuidas paigaldada StickC ESP32 plaati

2. samm: käivitage Visuino ja valige M5 Stack Stick C pardatüüp

Käivitage Visuino ja valige M5 Stack Stick C pardatüüp
Käivitage Visuino ja valige M5 Stack Stick C pardatüüp
Käivitage Visuino ja valige M5 Stack Stick C pardatüüp
Käivitage Visuino ja valige M5 Stack Stick C pardatüüp
Käivitage Visuino ja valige M5 Stack Stick C pardatüüp
Käivitage Visuino ja valige M5 Stack Stick C pardatüüp

Visuino käivitamine nagu esimesel pildil

Samm: lisage Visuino komponendid

Visuino lisage komponente
Visuino lisage komponente
Visuino lisage komponente
Visuino lisage komponente
Visuino lisage komponente
Visuino lisage komponente
  1. Selle valimiseks klõpsake tahvlil "M5 Stack Stick C"
  2. Valige aknas "Atribuudid" "Moodulid" ja klõpsake laiendamiseks "+",
  3. Valige "Display ST7735" ja klõpsake selle laiendamiseks nuppu "+",
  4. Määrake "Orientation" väärtuseks "goRight"
  5. Määrake "Taustavärv" väärtuseks "ClBlack"

  6. Valige "Elemendid" ja klõpsake kolme punktiga sinist nuppu…

  7. Kuvatakse elementide dialoog
  8. Elemendi dialoogis lohistage "Tekstiväli" paremalt vasakule

  9. Selle valimiseks klõpsake vasakpoolsel küljel "Tekstiväli1", seejärel klõpsake "Atribuutide aknas" nuppu "Värv" ja määrake see "aclWhite" ning klõpsake "Täida värv" ja seadke see "aclBlack" (soovi korral saab värvidega mängida)

    -ka atribuutide aknad määravad X: 10 ja Y: 20 siin soovite LCD -ekraanil kellaaega kuvada -komplekti suurus: 3 (see on selle aja fondi suurus)

  10. Lisage komponent "Decode (Split) Date/Time"
  11. Lisage komponent "Vormindatud tekst"

4. samm: Visuino komplekti komponentides

Visuino komplekti komponentides
Visuino komplekti komponentides
Visuino komplekti komponentides
Visuino komplekti komponentides
Visuino komplekti komponentides
Visuino komplekti komponentides
  1. Valige komponent "FormattedTxt1" ja määrake akna "Atribuudid" all "Tekst" väärtuseks:%0:%1:%2
  2. Topeltklõpsake komponenti "FormattedText1" ja lohistage dialoogiboksis Elements 3x "Tekstielement" vasakule
  3. Valige plaat "M5 Stack Stick C" ja valige aknas "Atribuudid" "Moodulid"> "Reaalajas äratuskell (RTC)"> "Elemendid"
  4. Klõpsake sinist kolme punktiga nuppu ja lohistage dialoogiboksis Elements vasakule "Set Hour", "Set Minute" ja "Set Second"
  5. Valige vasakul element "Määra tund 1" ja määrake akna "Atribuudid" all "Lisa väärtus" väärtuseks "Tõene" ja "Väärtus" väärtuseks "1"
  6. Valige vasakul element "Set Minute1" ja määrake akna "Properties" all "Add Value" väärtuseks "True" ja "Value" väärtuseks "1"
  7. Valige vasakul element "Set Second1" ja akna "Properties" all määrake "Add Value" väärtuseks "True" ja "Value" väärtuseks "1"

Selgitus:

"Väärtus" tähendab seda, kui palju me tahame iga nupuvajutusega olemasolevale ajale (tundidele, minutitele või sekunditele) lisada "Lisaväärtus" tähendab, et soovime lisada väärtuse olemasolevale ajale

Samm 5: Visuino Connecti komponentides

Visuino Connecti komponentides
Visuino Connecti komponentides
Visuino Connecti komponentides
Visuino Connecti komponentides
  1. Ühendage "M5 Stack Stick C"> reaalajas äratuskell (RTC)> Pin [Out] komponendi "DecodeDateTime1" tihvtiga [In]
  2. Ühendage "DecodeDateTime1" komponendi tihvt [tund] "FormattedText1" komponendi "TextElement1" tihvtiga [In]
  3. Ühendage "DecodeDateTime1" komponendi tihvt [Minute] "FormattedText1" komponendi "TextElement2" tihvtiga [In]
  4. Ühendage "DecodeDateTime1" komponendi tihvt [teine] "FormattedText1" komponendi "TextElement3" tihvtiga [In]
  5. Ühendage "FormattedText1" komponendi tihvt [väljund] "M5 Stack Stick C" plaadiga "Display ST7735"> "Text Field1" pin [In]
  6. Ühendage "M5 virnastamispulk C"> nupud "A (M5)" "M5 virnapulgaga C"> reaalajas äratuskell (RTC)> "Määra tund 1" tihvt [kell]
  7. Ühendage "M5 virnapulk C"> nupud "B" "M5 virnaga C"> reaalajas äratuskell (RTC)> "Määra minut 1" tihvt [Kell]

Samm: genereerige, kompileerige ja laadige üles Arduino kood

Looge, kompileerige ja laadige üles Arduino kood
Looge, kompileerige ja laadige üles Arduino kood

  1. Visuino puhul klõpsake allosas vahekaarti "Ehita", veenduge, et valitud on õige port, seejärel klõpsake nuppu "Kompileeri/ehita ja laadige üles".

7. samm: mängige

Kui lülitate M5Sticks mooduli toite sisse, peaks ekraan näitama kellaaega. Aega saate muuta tundide nuppudega "M5" ja minutite jaoks "B"

Palju õnne! Olete oma M5Sticks projekti Visuinoga lõpetanud. Lisatud on ka Visuino projekt, mille ma selle Instructable jaoks lõin, saate selle siit alla laadida.

Saate selle alla laadida ja avada Visuinos:

8. samm: järgmises õpetuses

Järgmises õpetuses näitan teile, kuidas teha laheda välimusega käekella, kus saab määrata aja (tunnid, minutid ja sekundid), kasutades StickC nuppe ja luua lihtsa menüü! Olge lainel ja vaadake minu teisi õpetusi siit.