DIY Hvordan lage en stilig klokke - StickC - Enkel å gjøre: 8 trinn
DIY Hvordan lage en stilig klokke - StickC - Enkel å gjøre: 8 trinn

Innholdsfortegnelse:

Anonim

I denne opplæringen lærer vi hvordan du programmerer ESP32 M5Stack StickC med Arduino IDE og Visuino for å vise en tid på LCD -skjermen og også angi tiden ved hjelp av StickC -knapper.

Trinn 1: Det du trenger

Hva du trenger
Hva du trenger
Hva du trenger
Hva du trenger

M5StickC ESP32: du kan få den her

Visuino -program: Last ned Visuino

Merk: Sjekk denne opplæringen her om hvordan du installerer StickC ESP32 -kort

Trinn 2: Start Visuino, og velg M5 Stack Stick C -korttype

Start Visuino, og velg M5 Stack Stick C Board Type
Start Visuino, og velg M5 Stack Stick C Board Type
Start Visuino, og velg M5 Stack Stick C Board Type
Start Visuino, og velg M5 Stack Stick C Board Type
Start Visuino, og velg M5 Stack Stick C Board Type
Start Visuino, og velg M5 Stack Stick C Board Type

Start Visuino som vist på det første bildet Klikk på "Verktøy" -knappen på Arduino -komponenten (Bilde 1) i Visuino Når dialogboksen vises, velg "M5 Stack Stick C" som vist på Bilde 2

Trinn 3: I Visuino Legg til komponenter

Legg til komponenter i Visuino
Legg til komponenter i Visuino
Legg til komponenter i Visuino
Legg til komponenter i Visuino
Legg til komponenter i Visuino
Legg til komponenter i Visuino
  1. Klikk på "M5 Stack Stick C" -brettet for å velge det
  2. I vinduet "Egenskaper" velger du "Moduler" og klikker "+" for å utvide,
  3. Velg "Display ST7735" og klikk "+" for å utvide den,
  4. Sett "Orientering" til "goRight"
  5. Sett "Bakgrunnsfarge" til "ClBlack"
  6. Velg "Elements" og klikk på den blå knappen med 3 prikker …
  7. Elements Dialog vil vises
  8. I "Elements Dialog" drar du "Tekstfelt" fra høyre side til venstre

  9. Klikk på "Tekstfelt1" på venstre side for å velge det, klikk deretter på "Farge" i "Egenskaper -vinduet" og sett det til "aclWhite" og klikk på "Fyllfarge" og sett det til "aclBlack" (Du kan leke med fargene hvis du vil)

    -oso i egenskaper windows sett X: 10 og Y: 20 det er her du vil vise klokkeslettet på LCD -settstørrelsen: 3 (dette er skriftstørrelsen for tiden) Lukk elementvinduet

  10. Legg til "Decode (Split) Date/Time" -komponent
  11. Legg til komponenten "Formatert tekst"

Trinn 4: I Visuino -settkomponenter

I Visuino -settkomponenter
I Visuino -settkomponenter
I Visuino -settkomponenter
I Visuino -settkomponenter
I Visuino -settkomponenter
I Visuino -settkomponenter
  1. Velg "FormattedTxt1" -komponenten og under "Egenskaper" -vinduet, sett "Tekst" til:%0:%1:%2
  2. Dobbeltklikk på "FormattedText1" -komponenten og dra i dialogboksen Elements 3x "Text Element" til venstre
  3. Velg "M5 Stack Stick C" -kortet og i "Egenskaper" -vinduet velg "Moduler"> "Sanntids vekkerklokke (RTC)"> "Elementer"
  4. Klikk på den blå knappen med 3 prikker, og dra "Sett time", "Angi minutt" og "Angi andre" i dialogboksen Elementer til venstre
  5. Velg elementet "Angi time1" til venstre og under "Egenskaper" -vinduet angi "Legg verdi" til "Sant" og "Verdi" til "1"
  6. Velg elementet "Angi minutt 1" til venstre og under "Egenskaper" -vinduet angi "Legg verdi" til "Sant" og "Verdi" til "1"
  7. Velg "Angi andre1" -elementet til venstre og under "Egenskaper" -vinduet angi "Legg verdi" til "Sant" og "Verdi" til "1"

Forklaring:

"Verdi" betyr hvor mye vi vil legge til med hvert klikk på en knapp til den eksisterende tiden (enten timer, minutter eller sekunder) "Legg til verdi" betyr at vi ønsker å legge verdien til den eksisterende tiden

Trinn 5: I Visuino Connect -komponenter

I Visuino Connect -komponenter
I Visuino Connect -komponenter
I Visuino Connect -komponenter
I Visuino Connect -komponenter
  1. Koble "M5 Stack Stick C"> Vekkerklokke i sanntid (RTC)> Fest [ut] til komponentpinnen "DecodeDateTime1" [In]
  2. Koble komponentpinnen "DecodeDateTime1" [Time] til "FormattedText1" komponent "TextElement1" pin [In]
  3. Koble komponentpinnen "DecodeDateTime1" [Minute] til "FormattedText1" komponent "TextElement2" pin [In]
  4. Koble komponentpinnen "DecodeDateTime1" [Second] til "FormattedText1" komponent "TextElement3" pin [In]
  5. Koble "FormattedText1" komponentpinnen [Out] til "M5 Stack Stick C" -kortet "Display ST7735"> "Text Field1" pin [In]
  6. Koble "M5 Stack Stick C"> Knappene "A (M5)" til "M5 Stack Stick C"> Sanntid alarm (RTC)> "Set Hour1" Pin [Clock]
  7. Koble "M5 Stack Stick C"> Knappene "B" til "M5 Stack Stick C"> Sanntid alarm (RTC)> "Set Minute1" Pin [Clock]

Trinn 6: Generer, kompiler og last opp Arduino -koden

Generer, kompiler og last opp Arduino -koden
Generer, kompiler og last opp Arduino -koden

  1. I Visuino klikker du på "Build" -fanen nederst, og kontrollerer at den riktige porten er valgt. Klikk deretter på "Compile/Build and Upload" -knappen.

Trinn 7: Spill

Hvis du driver M5Sticks -modulen, bør displayet begynne å vise tiden. Du kan endre tiden med knappene "M5" for timer og "B" for minutter

Gratulerer! Du har fullført M5Sticks -prosjektet ditt med Visuino. Vedlagt er også Visuino -prosjektet, som jeg opprettet for denne Instructable, du kan laste det ned her.

Du kan laste den ned og åpne den i Visuino:

Trinn 8: I neste opplæring

I den neste opplæringen vil jeg vise deg hvordan du lager en Cool Looking -klokke der du kan stille inn tiden (timer, minutter og sekunder) ved hjelp av StickC -knappene og lage en enkel meny! Følg med og sjekk mine andre opplæringsprogrammer her.