Talaan ng mga Nilalaman:

DIY Paano Ipakita ang Oras sa M5StickC ESP32 Paggamit ng Visuino - Madaling Gawin: 9 Mga Hakbang
DIY Paano Ipakita ang Oras sa M5StickC ESP32 Paggamit ng Visuino - Madaling Gawin: 9 Mga Hakbang

Video: DIY Paano Ipakita ang Oras sa M5StickC ESP32 Paggamit ng Visuino - Madaling Gawin: 9 Mga Hakbang

Video: DIY Paano Ipakita ang Oras sa M5StickC ESP32 Paggamit ng Visuino - Madaling Gawin: 9 Mga Hakbang
Video: How to use MPU-9250 Gyroscope, Accelerometer, Magnetometer for Arduino 2024, Nobyembre
Anonim

Sa tutorial na ito matututunan namin kung paano i-program ang ESP32 M5Stack StickC na may Arduino IDE at Visuino upang Maipakita ang oras sa LCD.

Hakbang 1: Ano ang Kakailanganin Mo

Ano ang Kakailanganin Mo
Ano ang Kakailanganin Mo
Ano ang Kakailanganin Mo
Ano ang Kakailanganin Mo
  1. M5StickC ESP32: maaari mo itong makuha dito
  2. 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, at Piliin ang M5 Stack Stick C Board Type
Simulan ang Visuino, at Piliin ang M5 Stack Stick C Board Type
Simulan ang Visuino, at Piliin ang M5 Stack Stick C Board Type
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 dayalogo, piliin ang "M5 Stack Stick C" tulad ng ipinakita sa Larawan 2

Hakbang 3: Sa Visuino Idagdag at Itakda ang Mga Bahagi

Sa Visuino Add and Set Components
Sa Visuino Add and Set Components
Sa Visuino Add and Set Components
Sa Visuino Add and Set Components
Sa Visuino Add and Set Components
Sa Visuino Add and Set Components
Sa Visuino Add and Set Components
Sa Visuino Add and Set Components
  1. Mag-click sa "M5 Stack Stick C" Board upang mapili ito
  2. Sa window ng "Properties" piliin ang "Modules" at i-click ang "+" upang Palawakin, Piliin ang "Display ST7735" at i-click ang "+" upang palawakin ito
  3. Itakda ang Oryentasyon sa "goRight" <nangangahulugan ito kung paano ang oras ay mai-orient sa LCD
  4. Piliin ang "Mga Elemento" at mag-click sa asul na pindutan na may 3 tuldok …
  5. Ipapakita ang Mga Elementong Dialog
  6. Sa Mga Elemento ng Dialog i-drag ang "Text Field" mula sa kanang bahagi hanggang kaliwa

Mag-click sa "Text Field1" sa kaliwang bahagi upang piliin ito, pagkatapos ay sa "Properties window" mag-click sa kulay at itakda ito sa "aclOrange"

-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

-Maaari mong itakda ang laki ng teksto at kulay kung nais mo

Isara ang window ng mga elemento

Opsyonal:

Mag-click sa "M5 Stack Stick C" Board upang mapili ito

Sa window ng "Properties" piliin ang "Modules" at i-click ang "+" upang Palawakin, Piliin ang "Display ST7735" at i-click ang "+" upang palawakin ito at makikita mo ang "Kulay ng background" ito ang default na kulay ng display, baguhin ito sa ang iyong paboritong kulay, maaari mong i-set ang liwanag ng display, ang default ay 1 (max) maaari mo itong itakda sa 0.5 o ilang iba pang halaga upang gawin itong mas malabo

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

Hakbang 4: Sa Mga Component ng Visuino Set

Sa Mga Component ng Visuino Set
Sa Mga Component ng Visuino Set
Sa Mga Component ng Visuino Set
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

Hakbang 5: Sa Mga Component ng Visuino Connect

Sa Mga Component ng Visuino Connect
Sa Mga Component ng Visuino Connect
  • Ikonekta ang "M5 Stack Stick C"> Real Time Alarm Clock (RTC)> I-pin [Out] sa "DecodeDateTime1" na pin na sangkap [Sa]
  • Ikonekta ang sangkap na "DecodeDateTime1" na pin [Oras] sa "FormattedText1" sangkap na "TextElement1" pin [In]
  • Ikonekta ang sangkap na "DecodeDateTime1" na pin [Minuto] sa "FormattedText1" na sangkap na "TextElement2" pin [In]
  • Ikonekta ang sangkap na "DecodeDateTime1" na pin [Pangalawa] sa "FormattedText1" sangkap na "TextElement3" pin [Sa]
  • Ikonekta ang sangkap na "FormattedText1" na pin [Out] sa "M5 Stack Stick C" board "Display ST7735"> "Text Field1" pin [In]

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

Bumuo, Mag-compile, at Mag-upload ng Arduino Code
Bumuo, Mag-compile, at Mag-upload ng Arduino Code
  • 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.

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: Dagdag: Simpleng Trick

Dagdag: Simpleng Trick
Dagdag: Simpleng Trick
Dagdag: Simpleng Trick
Dagdag: Simpleng Trick

Maaari mong gamitin ang kasalukuyang oras na nasa iyong computer sa sandaling naayos mo ang code sa Arduino.

Upang gawin iyon ay i-drop lamang ang isang sangkap na "Mag-compile ng Petsa / Oras" at ikonekta ito sa "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" pin [Itakda]

Maaari mong i-download ang file ng Project gamit ang trick na ito dito.

Hakbang 9: Sa Susunod na Tutorial.

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

Inirerekumendang: