M5StickC Цэс, гэрэлтүүлгийн хяналттай сэрүүн харагдах цаг: 8 алхам

2025 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2025-01-23 15:00

Энэхүү гарын авлагад бид ESP32 M5Stack StickC програмыг Arduino IDE болон Visuino ашиглан хэрхэн LCD дэлгэц дээр цаг харуулах, мөн цэс болон StickC товчлууруудыг ашиглан цаг, тод байдлыг хэрхэн тохируулах талаар сурах болно.

Үзүүлэх видео үзэх.

Алхам 1: Танд хэрэгтэй зүйл

M5StickC ESP32: эндээс авах боломжтой

Visuino програм: Visuino татаж авах

Тэмдэглэл: StickC ESP32 самбарыг хэрхэн суулгах талаар энэ гарын авлагыг үзнэ үү

Алхам 2: Visuino -г эхлүүлээд M5 Stack Stick C Board -ийн төрлийг сонгоно уу

Visuino -г эхний зурагт үзүүлсэн шиг эхлүүлнэ үү Visuino дээрх Arduino бүрэлдэхүүн хэсэг (Зураг 1) дээрх "Tools" товчлуур дээр дарна уу. Харилцах цонх гарч ирэх үед 2 -р зурагт үзүүлсэн шиг "M5 Stack Stick C" -ийг сонгоно уу.

Алхам 3: Visuino дээр StickC самбарыг тохируулна уу

1. Үүнийг сонгохын тулд "M5 Stack Stick C" самбар дээр дарна уу
2. "Properties" цонхонд "Modules" -ийг сонгоод "+" дээр дарж өргөжүүлнэ үү.
3. "Display ST7735" -ийг сонгоод "+" дээр дарж өргөжүүлнэ үү.
4. "Чиглэл" -ийг "goRight" болгож тохируулна уу.
5. "Арын дэвсгэр өнгө" -ийг "ClBlack" болгож тохируулна уу.
6. "Элементүүд" -ийг сонгоод цэнхэр товчлуурыг 3 цэг дээр дарна уу.
7. Элементүүдийн харилцах цонхыг харуулах болно
8. Элементүүдийн харилцах цонхонд "Текст талбар" -ыг 2X баруун талаас зүүн тийш чирнэ үү
9. Зүүн талд байгаа "Текст талбар1" дээр дарж үүнийг сонгоно уу, дараа нь "Properties цонх" дээр "Өнгө" дээр дарж "aclOrange" болгож "Fill Color" дээр дараад "aclBlack" (Та Хэрэв та хүсвэл өнгөөр тоглох боломжтой) -мөн X: 10 ба Y: 20 цонхнуудын шинж чанарууд дээр та LCD дэлгэц дээр цагийг харуулахыг хүсдэг газар: 3 (энэ бол тухайн үеийн фонтын хэмжээ)
10. Зүүн талд байгаа "Текст талбар2" дээр дарж үүнийг сонгоно уу, дараа нь "Properties цонх" дээр "Өнгө" дээр дарж "aclAqua" болгож "Fill Color" дээр дараад "aclBlack" болгож тохируулна уу.

(Хэрэв та хүсвэл өнгөөр тоглож болно) -"Анхны утга" -ыг тохируулах: ЦАГИЙГ тохируулна уу

-мөн X: 10 ба Y: 2 шинж чанар бүхий цонхнуудад та цэсийг LCD дэлгэц дээр харуулахыг хүсч буй газар -хэмжээ: 1 (энэ бол цэсний фонтын хэмжээ)

Элементүүдийн цонхыг хаа

1. Үүнийг сонгохын тулд "M5 Stack Stick C" самбар дээр дарна уу
2. "Properties" цонхонд "Modules" -ийг сонгоод "+" дээр дарж өргөжүүлнэ үү.
3. "Бодит цагийн сэрүүлэгтэй цаг (RTC) харуулах" -ыг сонгоод "+" дээр дарж өргөжүүлнэ үү.
4. "Элементүүд" -ийг сонгоод цэнхэр товчлуурыг 3 цэг дээр дарна уу.
5. Элементүүдийн харилцах цонхонд "Цагийг тохируулах" хэсгийг баруун талаас зүүн тийш чирж, шинж чанаруудын цонхонд "Үнэ нэмэх" -ийг "Үнэн" болгож, "Утга" -ыг дараах байдлаар тохируулна уу: 1.
6. Элементүүдийн харилцах цонхонд "Минут тохируулах" хэсгийг баруун талаас зүүн тийш чирж, шинж чанарын цонхонд "Үнэ нэмэх" -ийг "Үнэн" болгож, "Утга" -г дараах байдлаар тохируулна уу: 1.
7. Элементүүдийн харилцах цонхонд "Секундийг тохируулах" хэсгийг баруун талаас зүүн тийш чирж, шинж чанарын цонхонд "Утга нэмэх" -ийг "Үнэн" болгож, "Утга" -ыг дараах болгож тохируулна уу: 1.

Элементүүдийн цонхыг хаа

Алхам 4: Visuino -д бүрэлдэхүүн хэсгүүдийг нэмнэ үү

1. 2x "Debounce Button" бүрэлдэхүүн хэсгийг нэмнэ үү
2. "Автоматаар давтах товч" хэсгийг нэмнэ үү
3. "Текст массив" бүрэлдэхүүн хэсгийг нэмнэ үү
4. "Аналог массив" бүрэлдэхүүн хэсгийг нэмнэ үү
5. 2x "Тоолуур" бүрэлдэхүүн хэсгийг нэмнэ үү
6. "Clock Demux (Олон гаралтын суваг солих)" бүрэлдэхүүн хэсгийг нэмнэ үү
7. "Декодлох (хуваах) огноо/цаг" хэсгийг нэмнэ үү
8. "FormattedText1" бүрэлдэхүүн хэсгийг нэмнэ үү

Алхам 5: Visuino Set бүрэлдэхүүн хэсгүүдэд

1. "FormattedText1" бүрэлдэхүүн хэсгийг сонгоод "Properties" цонхны доор "Текст" -ийг%0:%1:%2 болгож тохируулна уу.
2. "FormattedText1" бүрэлдэхүүн хэсэг дээр давхар товшоод Элементүүдийн харилцах цонхонд "Текст элемент" -ийг 3 удаа чирнэ үү.
3. Зүүн талд байгаа "TextElement1" -ийг сонгоод шинж чанаруудын цонхонд "Fill Character" -ийг 0, "Length" -ийг 2 болгож тохируулна уу.
4. Зүүн талд байгаа "TextElement2" -г сонгоод шинж чанарын цонхонд "Fill Character" -г: 0, "Length" -г: 2 болгож тохируулна уу.
5. Зүүн талд байгаа "TextElement3" -ыг сонгоод шинж чанаруудын цонхонд "Fill Character" -г: 0, "Length" -г: 2 болгож тохируулна уу.
6. "ClockDemmux1" бүрэлдэхүүн хэсгийг сонгоод шинж чанарын цонхонд "Output Pins" -ийг дараах байдлаар тохируулна уу: 5
7. "Counter1" бүрэлдэхүүн хэсгийг сонгоод шинж чанарын цонхонд "Max" -ийг өргөжүүлээд "Value" -г дараах байдлаар тохируулна уу: 4
8. "Counter1" бүрэлдэхүүн хэсгийг сонгоод шинж чанаруудын цонхонд "Min" -ийг өргөжүүлээд "Value" -ийг 0 болгож тохируулна уу
9. "Counter2" бүрэлдэхүүн хэсгийг сонгоод шинж чанарын цонхонд "Max" -ийг өргөжүүлээд "Value" -г дараах байдлаар тохируулна уу: 6
10. "Counter2" бүрэлдэхүүн хэсгийг сонгоод шинж чанаруудын цонхонд "Min" -г өргөжүүлээд "Value" -г дараах байдлаар тохируулна уу: 0 MENUUILINGING:
11. "Array1" бүрэлдэхүүн хэсгийг (Текст массив) сонгоод дээр нь давхар товшино уу.-Элементүүдийн цонхонд 4X "Утга" -ыг зүүн тийш чирнэ үү. Зүүн талд "Item [1]" -ийг сонгоод шинж чанарын цонхонд "Value" гэж тохируулна уу. to: SET HOURS-Зүүн талд нь "Item [2]" -ийг сонгоод шинж чанаруудын цонхонд "Value" -г дараах байдлаар тохируулна уу: SET MINUTES-Зүүн талд "Item [3]" -г сонгоод шинж чанарын цонхонд "Value" -г тохируулна уу. to: SET SECONDS-Зүүн талд "Item [4]" -ийг сонгож, шинж чанаруудын цонхонд "Value" гэж тохируулна уу: SET BRIGHTNESSC Elements цонхыг хаах.

12. "Array2" бүрэлдэхүүн хэсгийг (Аналог массив) сонгоод дээр нь давхар товшино уу.-Элементүүдийн цонхонд 6X "Value" -ийг зүүн тийш чирнэ үү. Зүүн талд "Item [0]" -ийг сонгоод шинж чанарын цонхонд "Value" гэж тохируулна уу. руу: 1

    -Зүүн талд "Item [1]" -ийг сонгоод шинж чанарын цонхонд "Value" -г 0.9 болгож тохируулна уу

    -Зүүн талд "Item [2]" -г сонгоод шинж чанарын цонхонд "Value" -г 0.8 болгож тохируулна уу. Зүүн талд "Item [3]" -г сонгоод шинж чанарын цонхонд "Value" -г 0.7 -On болгож тохируулна уу. зүүн талд "Item [4]" -ийг сонгоод шинж чанарын цонхонд "Value" -г дараах байдлаар тохируулна уу: 0.6-Зүүн талд "Item [5]" -г сонгоод "Value" -г 0.55 болгож тохируулна уу.

Алхам 6: Visuino Connect бүрэлдэхүүн хэсгүүдэд

1. "M5 Stack Stick C" зүү A (M5) -ийг "Button2" pin -тэй холбоно уу [In]
2. "M5 Stack Stick C" pin [B] -г "Button1" pin -тэй холбоно уу [In]
3. "Button2" pin [Out] -г 'RepeatButton1 "pin -тэй холбоно уу [In]
4. "RepeatButton1" pin [Out] -г "ClockDemmux1" pin -тэй холбоно уу [In]
5. "Button1" pin [Out] -г "Counter1" pin -тэй холбоно уу [In]
6. "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" pin [Out] -г "DecodeDateTime1" зүү [In] руу холбоно уу.
7. "DecodeDateTime1" pin [Hour] -г "FormattedText1"> "TextElement1" pin [In] руу холбоно уу.
8. "DecodeDateTime1" зүү [Минут] -ыг "FormattedText1"> "TextElement2" pin [In] руу холбоно уу.
9. "DecodeDateTime1" зүүг [Second] "FormattedText1"> "TextElement3" pin [In] руу холбоно уу.
10. "FormattedText1" pin [Out] -г "M5 Stack Stick C" самбар> "Дэлгэц ST7735"> "Текст талбар1" зүү [In] руу холбоно уу.
11. "Counter1" pin [Out] -г "ClockDemmux1" pin [Select] болон "Array1" pin [Index] руу холбоно уу.
12. "Counter2" pin -ийг [Out] -г "Array2" pin -тэй холбоно уу [Индекс]
13. "Array1" pin [Out] -г "M5 Stack Stick C" самбар> "Дэлгэц ST7735"> "Текст талбар2" зүү [In] руу холбоно уу.
14. "Array2" pin [Out] -г "M5 Stack Stick C" самбар> "Дэлгэц ST7735"> зүү [Brightness] руу холбоно уу.
15. "ClockDemmux1" зүү [1] -ийг "M5 Stack Stick C" самбар> "Бодит цагийн сэрүүлэгтэй цаг (RTC)"> "Цагийн 1" зүү [Цаг] руу холбоно уу.
16. "ClockDemmux1" зүү [2] -ийг "M5 Stack Stick C" самбар> "Бодит цагийн сэрүүлэгтэй цаг (RTC)"> "Минут1 тохируулах" зүү [Цаг] руу холбоно уу.
17. "ClockDemmux1" зүү [3] -г "M5 Stack Stick C" самбар> "Бодит цагийн сэрүүлэгтэй цаг (RTC)"> "Second1" зүү [Цаг] руу холбоно уу.
18. "ClockDemmux1" зүү [4] -ийг "Counter2" pin -тэй холбоно уу [In]

Алхам 7: Arduino кодыг үүсгэх, хөрвүүлэх, байршуулах

Visuino -ийн доод хэсэгт "Бүтээх" таб дээр дарж зөв портыг сонгосон эсэхийг шалгаад "Эмхэтгэх/Бүтээх ба байршуулах" товчийг дарна уу.

Алхам 8: Тоглох

Хэрэв та M5Sticks модулийг асаах юм бол дэлгэц нь цагийг харуулах ёстой. Та цэсийг харуулахын тулд "B" товчлууруудыг ашиглан цаг, гэрэлтүүлгийг өөрчилж, "Цаг тохируулах, минут тохируулах, секундыг тохируулах, гэрэлтүүлгийг тохируулах" хооронд шилжиж, "M5" товчлуурыг ашиглан тохируулж болно.

Баяр хүргэе! Та Visuino ашиглан M5Sticks төслөө дуусгалаа. Миний энэ зааварт зориулан бүтээсэн Visuino төслийг мөн хавсаргасан болно, та үүнийг эндээс татаж авах боломжтой. Та үүнийг Visuino дээрээс татаж аваад нээж болно: