Мазмуну:

DIY Visuino колдонуп M5StickC ESP32де убакытты кантип көрсөтүү керек - Оңой жасоо: 9 кадам
DIY Visuino колдонуп M5StickC ESP32де убакытты кантип көрсөтүү керек - Оңой жасоо: 9 кадам

Video: DIY Visuino колдонуп M5StickC ESP32де убакытты кантип көрсөтүү керек - Оңой жасоо: 9 кадам

Video: DIY Visuino колдонуп M5StickC ESP32де убакытты кантип көрсөтүү керек - Оңой жасоо: 9 кадам
Video: Laser distance measurement with M5Stack Core2 ESP32 and VL53L0X with Arduino - Robojax 2024, Июль
Anonim

Бул үйрөткүчтө биз ESP32 M5Stack StickCти Arduino IDE жана Visuino менен ЖКда көрсөтүүнү программалоону үйрөнөбүз.

1 -кадам: Сизге эмне керек

Сизге эмне керек болот
Сизге эмне керек болот
Сизге эмне керек болот
Сизге эмне керек болот
  1. M5StickC ESP32: аны бул жерден ала аласыз
  2. Visuino программасы: Visuino жүктөп алыңыз

Эскертүү: Бул окуу куралын бул жерден караңыз StickC ESP32 тактасын кантип орнотуу керек

2 -кадам: Visuinoду баштаңыз жана M5 Stack Stick C Board түрүн тандаңыз

Visuino иштетип, M5 Stack Stick C Board түрүн тандаңыз
Visuino иштетип, M5 Stack Stick C Board түрүн тандаңыз
Visuino иштетип, M5 Stack Stick C Board түрүн тандаңыз
Visuino иштетип, M5 Stack Stick C Board түрүн тандаңыз

Visuino'ду биринчи сүрөттө көрсөтүлгөндөй баштаңыз, Arduino компонентиндеги "Куралдар" баскычын басыңыз (1 -сүрөт)

Visuino диалогу пайда болгондо, 2 -сүрөттө көрсөтүлгөндөй "M5 Stack Stick C" тандаңыз

3 -кадам: Visuino компоненттерин кошуу жана коюу

Visuino компоненттерин кошуу жана коюу
Visuino компоненттерин кошуу жана коюу
Visuino компоненттерин кошуу жана коюу
Visuino компоненттерин кошуу жана коюу
Visuino компоненттерин кошуу жана коюу
Visuino компоненттерин кошуу жана коюу
Visuino компоненттерин кошуу жана коюу
Visuino компоненттерин кошуу жана коюу
  1. Аны тандоо үчүн "M5 Stack Stick C" тактасын чыкылдатыңыз
  2. "Касиеттер" терезесинен "Модулдарды" тандап, "+" басуу менен чыкылдатыңыз, "Display ST7735" тандап, аны кеңейтүү үчүн "+" баскычын басыңыз.
  3. Багыттоону "goRight" деп коюңуз <бул ЖКда убакыттын кандай багытталаарын билдирет
  4. "Элементтерди" тандап, көк чекитти 3 чекит менен чыкылдатыңыз …
  5. Elements Dialog көрсөтүлөт
  6. Elements диалогунда "Текст талаасын" оң тараптан солго сүйрөңүз

Аны тандоо үчүн сол жактагы "Текст талаасы 1ди" чыкылдатыңыз, андан кийин "Касиеттер терезесинде" түстү чыкылдатып, "aclOrange" кылып коюңуз

-ошондой эле X: 10 жана Y: 20 терезелеринин касиеттери ЖКда убакытты көрсөтүүнү каалайт

-set size: 3 бул убакыттын шрифти

-Кааласаңыз, тексттин өлчөмүн жана түсүн орното аласыз

Элементтер терезесин жабыңыз

Кошумча:

Аны тандоо үчүн "M5 Stack Stick C" тактасын чыкылдатыңыз

"Касиеттер" терезесинен "Модулдарды" тандап, "+" басуу менен чыкылдатыңыз, "Display ST7735" тандап, "+" баскычын чыкылдатыңыз жана "Фондун түсү" көрөсүз, бул дисплейдин демейки түсү, аны өзгөртүңүз Сүйүктүү түсүңүз, сиз дисплейдин жарыктыгын орното аласыз, демейки 1 (максимум), аны 0,5ке же башка мааниге коюп, аны күңүрт кылып коюңуз

6. "Декоддоо (Бөлүү) Дата/Убакыт" компонентин кошуу 7. "Форматталган текст" компонентин кошуу

4 -кадам: Visuino Set компоненттеринде

Visuino Set компоненттеринде
Visuino Set компоненттеринде
Visuino Set компоненттеринде
Visuino Set компоненттеринде
  1. "FormattedTxt1" компонентин тандап, "Касиеттери" терезесинин астынан "Текстти" төмөнкүгө коюңуз:%0:%1:%2
  2. "FormattedText1" компонентин эки жолу чыкылдатыңыз жана Elements диалогунда 3x "Текст Элементин" солго сүйрөңүз

5 -кадам: Visuino Connect компоненттеринде

Visuino Connect компоненттеринде
Visuino Connect компоненттеринде
  • "M5 Stack Stick C"> Реалдуу убакыт Ойготкуч (RTC)> Pin [Out] туташуусун "DecodeDateTime1" компонентинин пинине [In]
  • "DecodeDateTime1" компонент пинин [Hour] "FormattedText1" компонентинин "TextElement1" пинине [In] туташтырыңыз
  • "DecodeDateTime1" компонентинин түйүнүн [Минутун] "FormattedText1" компонентинин "TextElement2" пинине [In] туташтырыңыз
  • "DecodeDateTime1" компонент пинин [Second] "FormattedText1" компонентинин "TextElement3" пинине [In] туташтырыңыз
  • "FormattedText1" компонент пинин [Out] "M5 Stack Stick C" тактасына "Display ST7735"> "Text Field1" pin [In] туташтырыңыз

6 -кадам: Arduino кодун түзүү, түзүү жана жүктөө

Arduino кодун түзүү, түзүү жана жүктөө
Arduino кодун түзүү, түзүү жана жүктөө
  • Visuino'до, ылдый жагындагы "Build" өтмөгүн чыкылдатыңыз, туура порт тандалганын текшериңиз, андан кийин "Compile/Build and Upload" баскычын басыңыз.

7 -кадам: Play

Эгерде сиз M5Sticks модулун иштетсеңиз, дисплей убакытты көрсөтө башташы керек.

Куттуктайм! Сиз Visuino менен M5Sticks долбооруңузду бүтүрдүңүз. Ошондой эле Visuino долбоору тиркелген, мен бул Нускамалык үчүн жараткам, аны бул жерден жүктөп алсаңыз болот.

Аны Visuino'до жүктөп, ача аласыз:

8 -кадам: Extra: Simple Trick

Кошумча: Simple Trick
Кошумча: Simple Trick
Кошумча: Simple Trick
Кошумча: Simple Trick

Ардуинодо кодду түзгөн учурда, компьютериңиздеги учурдагы убакытты колдоно аласыз.

Бул үчүн "Дата/Убакытты компиляциялоо" компонентин түшүрүп, аны "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" пинине туташтырыңыз [Орнотуу]

Бул трюк менен Project файлын бул жерден жүктөп алсаңыз болот.

9 -кадам: Кийинки үйрөткүчтө

Кийинки үйрөткүчтө мен сизге кантип Cool Look саатын жасоону көрсөтөм, анда StickC баскычтарын колдонуу менен убакытты коюуга болот! Күтө туруңуз жана менин башка окуу куралдарымды бул жерден карап көрүңүз.

Сунушталууда: