DIY Cum să faci un ceas cool - StickC - Ușor de făcut: 8 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:41

În acest tutorial vom învăța cum să programăm ESP32 M5Stack StickC cu Arduino IDE și Visuino pentru a afișa o oră pe ecranul LCD și, de asemenea, să setăm ora folosind butoanele StickC.

Pasul 1: De ce veți avea nevoie

M5StickC ESP32: îl puteți obține aici

Programul Visuino: Descărcați Visuino

Notă: Consultați acest tutorial aici despre cum să instalați placa StickC ESP32

Pasul 2: Porniți Visuino și selectați tipul de placă M5 Stack Stick C

Porniți Visuino așa cum se arată în prima imagine Faceți clic pe butonul „Instrumente” de pe componenta Arduino (Imaginea 1) în Visuino Când apare dialogul, selectați „M5 Stack Stick C” așa cum se arată în Imaginea 2

Pasul 3: În Visuino Adăugați componente

1. Faceți clic pe placa „M5 Stack Stick C” pentru a o selecta
2. În fereastra „Proprietăți” selectați „Module” și faceți clic pe „+” pentru a extinde,
3. Selectați „Afișați ST7735” și faceți clic pe „+” pentru ao extinde,
4. Setați „Orientare” la „goRight”
5. Setați „Culoare fundal” la „ClBlack”
6. Selectați „Elemente” și faceți clic pe butonul albastru cu 3 puncte …
7. Se va afișa fereastra de dialog Elements
8. În fereastra de dialog Elemente, trageți „Câmp text” din partea dreaptă spre stânga

9. Faceți clic pe „Câmpul de text1” din partea stângă pentru al selecta, apoi în „Fereastra de proprietăți” faceți clic pe „Culoare” și setați-l la „aclWhite” și faceți clic pe „Culoare umplere” și setați-l la „aclBlack” (Dvs. poti juca cu culorile daca vrei)

   -de asemenea, în ferestrele de proprietăți setate X: 10 și Y: 20 aici doriți să afișați ora pe ecranul LCD -set size: 3 (aceasta este dimensiunea fontului timpului) Închideți fereastra elementelor

10. Adăugați componenta „Decodează (împarte) data / ora”
11. Adăugați componenta „Text formatat”

Pasul 4: În Visuino Set Components

1. Selectați componenta „FormattedTxt1” și sub fereastra „Proprietăți” setați „Text” la:% 0:% 1:% 2
2. Faceți dublu clic pe componenta „FormattedText1” și în dialogul Elements glisați 3x „Element text” la stânga
3. Selectați placa „M5 Stack Stick C” și în fereastra „Proprietăți” selectați „Module”> „Ceas cu alarmă în timp real (RTC)”> „Elemente”
4. Faceți clic pe butonul albastru cu 3 puncte și în dialogul Elements trageți „Set Hour”, „Set Minute” și „Set Second” în partea stângă
5. Selectați în partea stângă elementul „Set Hour1” și sub fereastra „Properties” setați „Add Value” la „True” și „Value” la „1”
6. Selectați în partea stângă elementul „Set Minute1” și sub fereastra „Proprietăți” setați „Adăugați valoare” la „Adevărat” și „Valoare” la „1”
7. Selectați în partea stângă elementul „Set Second1” și sub fereastra „Properties” setați „Add Value” la „True” și „Value” la „1”

Explicaţie:

„Valoare” înseamnă cât de mult vrem să adăugăm cu fiecare clic al unui buton la ora existentă (fie ore, minute sau secunde) „Adăugare valoare” înseamnă că dorim să adăugăm valoarea la ora existentă

Pasul 5: În componentele Visuino Connect

1. Conectați „M5 Stack Stick C”> Ceas cu alarmă în timp real (RTC)> Pin [Out] la pinul componentei „DecodeDateTime1” [In]
2. Conectați pinul componentei "DecodeDateTime1" [Ora] la pinul "Componentă formatat Text1" "TextElement1" [În]
3. Conectați pinul componentei "DecodeDateTime1" [Minut] la pinul "Componenta formatat Text1" "TextElement2" [În]
4. Conectați pinul componentei "DecodeDateTime1" [Second] la pinul "TextElement3" component "FormattedText1" [In]
5. Conectați pinul componentei "FormattedText1" [Out] la placa "M5 Stack Stick C" "Afișați ST7735"> pinul "Field Field1" [In]
6. Conectați „M5 Stack Stick C”> Butoanele „A (M5)” la „M5 Stack Stick C”> Ceas cu alarmă în timp real (RTC)> Pinul „Set Hour1” [Ceas]
7. Conectați „M5 Stack Stick C”> Butoanele „B” la „M5 Stack Stick C”> Ceas cu alarmă în timp real (RTC)> „Set Minute1” Pin [Clock]

Pasul 6: Generați, compilați și încărcați codul Arduino

1. În Visuino, în partea de jos faceți clic pe fila „Construiți”, asigurați-vă că este selectat portul corect, apoi faceți clic pe butonul „Compilați / Construiți și încărcați”.

Pasul 7: Joacă

Dacă porniți modulul M5Sticks, afișajul ar trebui să înceapă să arate ora. Puteți schimba ora folosind butoanele „M5” pentru ore și „B” pentru minute

Felicitări! V-ați finalizat proiectul M5Sticks cu Visuino. De asemenea, este atașat proiectul Visuino, pe care l-am creat pentru acest Instructable, îl puteți descărca de aici.

Puteți să o descărcați și să o deschideți în Visuino:

Pasul 8: În următorul tutorial

În următorul tutorial vă voi arăta cum să creați un ceas Cool Look în care să setați ora (ore, minute și secunde) folosind butoanele StickC și să creați un meniu simplu!