Përmbajtje:

Orë M5StickC Cool Looking Me Menu dhe Kontroll Ndriçimi: 8 Hapa
Orë M5StickC Cool Looking Me Menu dhe Kontroll Ndriçimi: 8 Hapa

Video: Orë M5StickC Cool Looking Me Menu dhe Kontroll Ndriçimi: 8 Hapa

Video: Orë M5StickC Cool Looking Me Menu dhe Kontroll Ndriçimi: 8 Hapa
Video: КАК НАСТРОИТЬ L4D2 2024, Mund
Anonim

Në këtë tutorial do të mësojmë se si të programojmë ESP32 M5Stack StickC me Arduino IDE dhe Visuino për të shfaqur një kohë në LCD dhe gjithashtu të vendosim kohën dhe shkëlqimin duke përdorur menunë dhe butonat StickC.

Shikoni një video demonstruese.

Hapi 1: Çfarë ju nevojitet

Ajo që do t'ju duhet
Ajo që do t'ju duhet
Ajo që do t'ju duhet
Ajo që do t'ju duhet

M5StickC ESP32: mund ta merrni këtu

Programi Visuino: Shkarkoni Visuino

Shënim: Shikoni këtë tutorial këtu se si të instaloni bordin StickC ESP32

Hapi 2: Filloni Visuino dhe zgjidhni llojin e bordit M5 Stack Stick C

Filloni Visuino dhe zgjidhni llojin e bordit M5 Stack Stick C
Filloni Visuino dhe zgjidhni llojin e bordit M5 Stack Stick C
Filloni Visuino dhe zgjidhni llojin e bordit M5 Stack Stick C
Filloni Visuino dhe zgjidhni llojin e bordit M5 Stack Stick C
Filloni Visuino dhe zgjidhni llojin e bordit M5 Stack Stick C
Filloni Visuino dhe zgjidhni llojin e bordit M5 Stack Stick C

Filloni Visuino siç tregohet në foton e parë Klikoni në butonin "Tools" në përbërësin Arduino (Figura 1) në Visuino Kur të shfaqet dialogu, zgjidhni "M5 Stack Stick C" siç tregohet në Figurën 2

Hapi 3: Në Visuino Vendosni Bordin StickC

Në Visuino Vendosni Bordin StickC
Në Visuino Vendosni Bordin StickC
Në Visuino Vendosni Bordin StickC
Në Visuino Vendosni Bordin StickC
Në Visuino Vendosni Bordin StickC
Në Visuino Vendosni Bordin StickC
Në Visuino Vendosni Bordin StickC
Në Visuino Vendosni Bordin StickC
  1. Klikoni në tabelën "M5 Stack Stick C" për ta zgjedhur atë
  2. Në dritaren "Properties" zgjidhni "Modulet" dhe klikoni "+" për të zgjeruar,
  3. Zgjidhni "Shfaq ST7735" dhe klikoni "+" për ta zgjeruar atë,
  4. Vendosni "Orientimin" në "goRight"
  5. Vendosni "Ngjyrën e Sfondit" në "ClBlack"
  6. Zgjidhni "Elementet" dhe klikoni në butonin blu me 3 pika…
  7. Dialogu i elementeve do të tregojë
  8. Në Dialogun e Elementeve tërhiqni 2X "Fusha e Tekstit" nga ana e djathtë në të majtë
  9. Klikoni në "Fusha e Tekstit1" në anën e majtë për ta zgjedhur atë, pastaj në "Dritaren e pronave" klikoni në "Ngjyra" dhe vendoseni në "aclOrange" dhe klikoni në "Plotësoni ngjyrën" dhe vendoseni në "aclBlack" (Ju mund të luani me ngjyrat nëse dëshironi) -gjithashtu në pronat dritaret vendosni X: 10 dhe Y: 20 kjo është ajo ku dëshironi të shfaqni kohën në madhësinë e vendosur në LCD: 3 (kjo është madhësia e shkrimit të kohës)
  10. Klikoni në "Fusha e tekstit2" në anën e majtë për ta zgjedhur atë, pastaj në "Dritaren e pronave" klikoni në "Ngjyra" dhe vendoseni në "aclAqua" dhe klikoni në "Plotësoni ngjyrën" dhe vendoseni në "aclBlack"

(Mund të luani me ngjyrat nëse dëshironi) -vendosni "Vlera fillestare" në: Vendosni ORA

-gjithashtu në pronat dritaret e vendosura X: 10 dhe Y: 2 kjo është ajo ku ju doni të shfaqni menunë në LCD -madhësia e vendosur: 1 (kjo është madhësia e fontit të menysë)

Mbyllni dritaren e elementeve

  1. Klikoni në tabelën "M5 Stack Stick C" për ta zgjedhur atë
  2. Në dritaren "Properties" zgjidhni "Modulet" dhe klikoni "+" për të zgjeruar,
  3. Zgjidhni "Shfaq Ora e Alarmit në kohë reale (RTC)" dhe klikoni "+" për ta zgjeruar atë,
  4. Zgjidhni "Elementet" dhe klikoni në butonin blu me 3 pika…
  5. Në Dialogun e Elementeve tërhiqni "Vendosni orën" nga ana e djathtë në të majtë-dhe në dritaren e vetive vendosni "Shto vlerën" në: Vërtetë dhe "Vlera" në: 1
  6. Në Dialogun e Elementeve tërhiqni "Vendos Minutën" nga ana e djathtë në të majtë-dhe në dritaren e vetive vendosni "Shto vlerë" në: Vërtetë dhe "Vlerë" në: 1
  7. Në Dialogun e Elementeve tërhiqni "Set Second" nga ana e djathtë në të majtë-dhe në dritaren e pronave vendosni "Add Value" në: True dhe "Value" në: 1

Mbyllni dritaren e elementeve

Hapi 4: Në Visuino Shtoni Komponentë

Në Visuino Shtoni Komponentë
Në Visuino Shtoni Komponentë
  1. Shtoni 2 herë komponentin "Debounce Button"
  2. Shtoni komponentin "Butoni i Përsëritjes Auto"
  3. Shtoni përbërësin "Array Text"
  4. Shtoni përbërësin "Analog Array"
  5. Shtoni 2 herë komponentin "Counter"
  6. Shtoni përbërësin "Clock Demux (Switch Multiple Channel Output)"
  7. Shtoni komponentin "Dekodimi (ndarja) Data/Ora"
  8. Shtoni përbërësin "FormattedText1"

Hapi 5: Në Komponentët e Visuino Set

Në Visuino Set Components
Në Visuino Set Components
Në Visuino Set Components
Në Visuino Set Components
Në Visuino Set Components
Në Visuino Set Components
  1. Zgjidhni përbërësin "FormattedText1" dhe nën dritaren "Properties" vendosni "Text" në:%0:%1:%2
  2. Klikoni dy herë në përbërësin "FormattedText1" dhe në dialogun Elementet tërhiqni 3x "Elementin e tekstit" në të majtë
  3. Zgjidhni "TextElement1" në anën e majtë dhe në dritaren e pronave vendosni "Plotësoni karakterin" në: 0 dhe "Length" në: 2
  4. Zgjidhni "TextElement2" në anën e majtë dhe në dritaren e pronave vendosni "Plotësoni karakterin" në: 0 dhe "Gjatësia" në: 2
  5. Zgjidhni "TextElement3" në anën e majtë dhe në dritaren e pronave vendosni "Plotësoni karakterin" në: 0 dhe "Gjatësia" në: 2
  6. Zgjidhni përbërësin "ClockDemmux1" dhe në dritaren e pronave vendosni "Kunjat e daljes" në: 5
  7. Zgjidhni përbërësin "Counter1" dhe në dritaren e pronave zgjeroni "Max" dhe vendosni "Vlera" në: 4
  8. Zgjidhni përbërësin "Counter1" dhe në dritaren e pronave zgjeroni "Min" dhe vendosni "Vlera" në: 0
  9. Zgjidhni përbërësin "Counter2" dhe në dritaren e pronave zgjeroni "Max" dhe vendosni "Vlera" në: 6
  10. Zgjidhni komponentin "Counter2" dhe në dritaren e pronave zgjeroni "Min" dhe vendosni "Vlera" në: 0BILIDING THE MENU:
  11. Zgjidhni komponentin "Array1" (Text Array) dhe klikoni dy herë mbi të.-Në dritaren e elementeve tërhiqni 4X "Vlera" në anën e majtë-Në anën e majtë Zgjidhni "Artikullin [1]" dhe në dritaren e pronave vendosni "Vlera" te: SET ORA-Në anën e majtë Zgjidhni "Artikullin [2]" dhe në dritaren e pronave vendosni "Vlera" në: SET MINUTES-Në anën e majtë Zgjidhni "Pika [3]" dhe në dritaren e pronave vendosni "Vlera" te: SET SECONDS-Në anën e majtë Zgjidhni "Artikullin [4]" dhe në dritaren e vetive vendosni "Vlera" në: SET BRIGHTNESS Mbyllni dritaren e Elementeve. VENDOSJA E VLERAVE P FORR SHKURTRIA:
  12. Zgjidhni përbërësin "Array2" (Array Analog) dhe klikoni dy herë mbi të.-Në dritaren e elementeve tërhiqni 6X "Vlera" në anën e majtë-Në anën e majtë Zgjidhni "Artikullin [0]" dhe në dritaren e pronave vendosni "Vlera" te: 1

    -Në anën e majtë Zgjidhni "Artikullin [1]" dhe në dritaren e pronave vendosni "Vlera" në: 0.9

    -Në anën e majtë Zgjidhni "Artikullin [2]" dhe në dritaren e pronave vendosni "Vlera" në: 0.8 -Në anën e majtë Zgjidhni "Pika [3]" dhe në dritaren e pronave vendosni "Vlera" në: 0.7 -Aktiv ana e majtë Zgjidhni "Artikullin [4]" dhe në dritaren e pronave vendosni "Vlera" në: 0.6-Në anën e majtë Zgjidhni "Pika [5]" dhe në dritaren e pronave vendosni "Vlera" në: 0.55

Hapi 6: Në Visuino Connect Components

Në Visuino Connect Components
Në Visuino Connect Components
Në Visuino Connect Components
Në Visuino Connect Components
Në Visuino Connect Components
Në Visuino Connect Components
Në Visuino Connect Components
Në Visuino Connect Components
  1. Lidhni pinin "M5 Stack Stick C" A (M5) me pinin "Button2" [In]
  2. Lidhni pinin "M5 Stack Stick C" [B] me pinin "Button1" [In]
  3. Lidhni pinin "Button2" [Out] me pinin "RepeatButton1" [In]
  4. Lidhni pinin "RepeatButton1" [Out] me pinin "ClockDemmux1" [In]
  5. Lidhni pinin "Button1" [Out] me pinin "Counter1" [In]
  6. Lidhni pinin "M5 Stack Stick C"> "Ora e alarmit në kohë reale (RTC)" Out [Out] me pinin "DecodeDateTime1" [In]
  7. Lidhni pinin "DecodeDateTime1" [Orë] në "FormattedText1"> "TextElement1" pin [In]
  8. Lidhni pinin "DecodeDateTime1" [Minute] me pinin "FormattedText1"> "TextElement2" [In]
  9. Lidhni pinin "DecodeDateTime1" [E dyta] me "FormattedText1"> "TextElement3" pin [In]
  10. Lidhni pinin "FormattedText1" [Out] në tabelën "M5 Stack Stick C"> "Display ST7735"> "Field Field1" pin [In]
  11. Lidhni pinin "Counter1" [Out] me pinin "ClockDemmux1" [Select] dhe pinin "Array1" [Index]
  12. Lidhni pinin "Counter2" [Out] me pinin "Array2" [Index]
  13. Lidhni pinin "Array1" [Out] në tabelën "M5 Stack Stick C"> "Display ST7735"> "Field Field2" pin [In]
  14. Lidhni pinin "Array2" [Out] në tabelën "M5 Stack Stick C"> "Display ST7735"> pin [Brightness]
  15. Lidhni kunjin "ClockDemmux1" [1] në tabelën "M5 Stack Stick C"> "Ora e alarmit në kohë reale (RTC)"> Kunja "Cakto orën 1" [Ora]
  16. Lidhni kunjin "ClockDemmux1" [2] në tabelën "M5 Stack Stick C"> "Ora e alarmit në kohë reale (RTC)"> Pina "Vendosja e minutës 1" [Ora]
  17. Lidhni pinin "ClockDemmux1" [3] me tabelën "M5 Stack Stick C"> "Ora e alarmit në kohë reale (RTC)"> "Vendos sekondën 1" pin [Ora]
  18. Lidhni pinin "ClockDemmux1" [4] me pinin "Counter2" [In]

Hapi 7: Gjeneroni, përpiloni dhe ngarkoni kodin Arduino

Gjeneroni, përpiloni dhe ngarkoni kodin Arduino
Gjeneroni, përpiloni dhe ngarkoni kodin Arduino

Në Visuino, në fund klikoni në skedën "Ndërto", sigurohuni që porti i saktë është zgjedhur, pastaj klikoni në butonin "Përpilo/Ndërto dhe Ngarko".

Hapi 8: Luaj

Nëse aktivizoni modulin M5Sticks, ekrani duhet të fillojë të tregojë kohën. Ju mund të ndryshoni kohën dhe ndriçimin duke përdorur butonat "B" për të shfaqur Menunë dhe ndërrimin midis (Set Orëve, Set Minutes, Set Seconds, Set Brightness) dhe përdorni butonin "M5" për ta vendosur atë.

Urime! Ju keni përfunduar projektin tuaj M5Sticks me Visuino. I bashkangjitur është edhe projekti Visuino, që kam krijuar për këtë Instructable, mund ta shkarkoni këtu. Mund ta shkarkoni dhe hapni atë në Visuino:

Recommended: