DIY Paano Gumawa ng isang Cool na Naghahanap ng Panoorin - StickC - Madaling Gawin: 8 Hakbang

2024 May -akda: John Day | [email protected]. Huling binago: 2024-01-30 13:10

Sa tutorial na ito matututunan namin kung paano i-program ang ESP32 M5Stack StickC na may Arduino IDE at Visuino upang Ipakita ang isang oras sa LCD at itakda din ang oras gamit ang mga pindutan ng StickC.

Hakbang 1: Ano ang Kakailanganin Mo

M5StickC ESP32: maaari mo itong makuha dito

Programa ng Visuino: I-download ang Visuino

Tandaan: Suriin ang tutorial na ito dito sa kung paano Mag-install ng board ng StickC ESP32

Hakbang 2: Simulan ang Visuino, at Piliin ang M5 Stack Stick C Board Type

Simulan ang Visuino tulad ng ipinakita sa unang larawan Mag-click sa pindutang "Mga Tool" sa bahagi ng Arduino (Larawan 1) sa Visuino Kapag lumitaw ang dialog, piliin ang "M5 Stack Stick C" tulad ng ipinakita sa Larawan 2

Hakbang 3: Sa Visuino Magdagdag ng Mga Bahagi

1. Mag-click sa "M5 Stack Stick C" Board upang mapili ito
2. Sa window ng "Properties" piliin ang "Mga Modyul" at i-click ang "+" upang Palawakin,
3. Piliin ang "Display ST7735" at i-click ang "+" upang palawakin ito,
4. Itakda ang "Orientation" sa "goRight"
5. Itakda ang "Kulay sa Background" sa "ClBlack"
6. Piliin ang "Mga Elemento" at mag-click sa asul na pindutan na may 3 tuldok …
7. Ipapakita ang Mga Elementong Dialog
8. Sa Mga Elemento ng Dialog i-drag ang "Text Field" mula sa kanang bahagi hanggang kaliwa

9. Mag-click sa "Text Field1" sa kaliwang bahagi upang mapili ito, pagkatapos ay sa "Properties window" mag-click sa "Kulay" at itakda ito sa "aclWhite" at mag-click sa "Punan ang Kulay" at itakda ito sa "aclBlack" (Ikaw maaaring laruin ang mga kulay kung nais mo)

   -Gayundin sa mga katangian ng windows set X: 10 at Y: 20 dito ko nais ipakita ang oras sa LCD -set laki: 3 (ito ang laki ng font ng oras) Isara ang window ng mga elemento

10. Idagdag ang sangkap na "I-decode (Hatiin) Petsa / Oras"
11. Idagdag ang sangkap na "Na-format na teksto."

Hakbang 4: Sa Mga Component ng Visuino Set

1. Piliin ang sangkap na "FormattedTxt1" at sa ilalim ng window ng "Properties" itakda ang "Text" sa:% 0:% 1:% 2
2. Mag-double click sa sangkap na "FormattedText1" at sa dialog ng Mga Elemento i-drag ang 3x "Elementong Text" sa kaliwa
3. Piliin ang board na "M5 Stack Stick C" at sa window na "Properties" piliin ang "Modules"> "Real Time Alarm Clock (RTC)"> "Elemen"
4. Mag-click sa asul na pindutan na may 3 tuldok at sa dialog ng Mga Elemento i-drag ang "Itakda ang Oras", "Itakda ang Minuto" at "Itakda ang Segundo" sa kaliwang bahagi
5. Piliin sa kaliwang elemento ng "Itakda ang Oras1" at sa ilalim ng window ng "Properties" itakda ang "Magdagdag ng Halaga" sa "Totoo" at "Halaga" sa "1"
6. Piliin sa kaliwang elemento ng "Itakda ang Minuto1" at sa ilalim ng window ng "Properties" itakda ang "Magdagdag ng Halaga" sa "Totoo" at "Halaga" sa "1"
7. Piliin sa kaliwang elemento ng "Itakda ang Pangalawang1" at sa ilalim ng window ng "Properties" itakda ang "Magdagdag ng Halaga" sa "Totoo" at "Halaga" sa "1"

Paliwanag:

Ang ibig sabihin ng "Halaga" kung magkano ang nais naming idagdag sa bawat pag-click ng isang pindutan sa mayroon nang oras (alinman sa oras, minuto o segundo) nangangahulugang "Magdagdag ng Halaga" na nais naming idagdag ang halaga sa umiiral na oras

Hakbang 5: Sa Mga Component ng Visuino Connect

1. Ikonekta ang "M5 Stack Stick C"> Real Time Alarm Clock (RTC)> I-pin [Out] sa "DecodeDateTime1" na pin na sangkap [Sa]
2. Ikonekta ang sangkap na "DecodeDateTime1" na pin [Oras] sa "FormattedText1" sangkap na "TextElement1" pin [In]
3. Ikonekta ang sangkap na "DecodeDateTime1" na pin [Minuto] sa "FormattedText1" na sangkap na "TextElement2" pin [In]
4. Ikonekta ang sangkap na "DecodeDateTime1" na pin [Pangalawa] sa "FormattedText1" sangkap na "TextElement3" pin [Sa]
5. Ikonekta ang sangkap na "FormattedText1" na pin [Out] sa "M5 Stack Stick C" board "Display ST7735"> "Text Field1" pin [In]
6. Ikonekta ang "M5 Stack Stick C"> Mga Pindutan na "A (M5)" sa "M5 Stack Stick C"> Real Time Alarm Clock (RTC)> "Itakda ang Oras1" Pin [Clock]
7. Ikonekta ang "M5 Stack Stick C"> Mga Pindutan na "B" sa "M5 Stack Stick C"> Real Time Alarm Clock (RTC)> "Itakda ang Minuto1" Pin [Clock]

Hakbang 6: Bumuo, Mag-compile, at Mag-upload ng Arduino Code

1. Sa Visuino, sa ibabang pag-click sa "Build" Tab, tiyakin na napili ang tamang port, pagkatapos ay mag-click sa pindutang "Compile / Build and Upload".

Hakbang 7: Maglaro

Kung pinapagana mo ang M5Sticks module, dapat na simulang ipakita ang oras. Maaari mong baguhin ang oras gamit ang mga pindutan na "M5" para sa Mga Oras at "B" para sa Mga Minuto

Binabati kita! Nakumpleto mo na ang iyong proyekto sa M5Sticks kasama ang Visuino. Nakalakip din ang proyekto ng Visuino, na nilikha ko para sa Instructable na ito, maaari mo itong i-download dito.

Maaari mong i-download at buksan ito sa Visuino:

Hakbang 8: Sa Susunod na Tutorial.

Sa susunod na tutorial ay ipapakita ko sa iyo kung paano gumawa ng isang Cool Naghahanap ng relo kung saan maaari mong itakda ang oras (oras, minuto at segundo) gamit ang mga pindutan ng StickC at lumikha ng isang simpleng menu! Manatiling nakatutok at suriin ang aking iba pang mga tutorial dito.