मेनू और चमक नियंत्रण के साथ M5StickC कूल लुकिंग वॉच: 8 कदम

2024 लेखक: John Day | [email protected]. अंतिम बार संशोधित: 2024-01-30 09:18

इस ट्यूटोरियल में हम सीखेंगे कि एलसीडी पर एक समय प्रदर्शित करने के लिए Arduino IDE और Visuino के साथ ESP32 M5Stack StickC को कैसे प्रोग्राम करें और मेनू और स्टिकसी बटन का उपयोग करके समय और चमक भी सेट करें।

एक प्रदर्शन वीडियो देखें।

चरण 1: आपको क्या चाहिए

M5StickC ESP32: आप इसे यहाँ प्राप्त कर सकते हैं

Visuino प्रोग्राम: Visuino डाउनलोड करें

नोट: इस ट्यूटोरियल को यहां देखें कि स्टिकसी ईएसपी 32 बोर्ड कैसे स्थापित करें

चरण 2: Visuino प्रारंभ करें, और M5 स्टैक स्टिक C बोर्ड प्रकार चुनें

Visuino को पहले चित्र में दिखाए अनुसार प्रारंभ करें Visuino में Arduino घटक (चित्र 1) पर "टूल्स" बटन पर क्लिक करें जब संवाद प्रकट होता है, तो चित्र 2 पर दिखाए गए अनुसार "M5 स्टैक स्टिक C" चुनें।

चरण 3: विसुइनो में स्टिकसी बोर्ड सेट करें

1. इसे चुनने के लिए "M5 स्टैक स्टिक C" बोर्ड पर क्लिक करें
2. "गुण" विंडो में "मॉड्यूल" चुनें और विस्तार करने के लिए "+" पर क्लिक करें,
3. "प्रदर्शन ST7735" चुनें और इसे विस्तारित करने के लिए "+" पर क्लिक करें,
4. "ओरिएंटेशन" को "गोराइट" पर सेट करें
5. "बैकग्राउंड कलर" को "क्लब्लैक" पर सेट करें
6. "एलिमेंट्स" चुनें और 3 डॉट्स वाले नीले बटन पर क्लिक करें…
7. तत्व संवाद दिखाएगा
8. एलिमेंट्स डायलॉग में 2X "टेक्स्ट फील्ड" को दाईं ओर से बाईं ओर खींचें
9. इसे चुनने के लिए बाईं ओर "टेक्स्ट फ़ील्ड 1" पर क्लिक करें, फिर "गुण विंडो" में "रंग" पर क्लिक करें और इसे "एक्लोरेंज" पर सेट करें और "रंग भरें" पर क्लिक करें और इसे "एसीएलब्लैक" पर सेट करें। यदि आप चाहें तो रंगों के साथ खेल सकते हैं) - गुणों में भी विंडोज़ सेट एक्स: 10 और वाई: 20 यह वह जगह है जहां आप एलसीडी-सेट आकार: 3 पर समय प्रदर्शित करना चाहते हैं (यह उस समय का फ़ॉन्ट आकार है)
10. इसे चुनने के लिए बाईं ओर "टेक्स्ट फ़ील्ड 2" पर क्लिक करें, फिर "गुण विंडो" में "रंग" पर क्लिक करें और इसे "एसीएलक्वा" पर सेट करें और "रंग भरें" पर क्लिक करें और इसे "एसीएलब्लैक" पर सेट करें।

(यदि आप चाहें तो रंगों के साथ खेल सकते हैं) - "प्रारंभिक मान" को इस पर सेट करें: घंटा सेट करें

-गुणों में भी विंडोज़ सेट एक्स: 10 और वाई: 2 यह वह जगह है जहां आप एलसीडी पर मेनू प्रदर्शित करना चाहते हैं -सेट आकार: 1 (यह मेनू का फ़ॉन्ट आकार है)

तत्व विंडो बंद करें

1. इसे चुनने के लिए "M5 स्टैक स्टिक C" बोर्ड पर क्लिक करें
2. "गुण" विंडो में "मॉड्यूल" चुनें और विस्तार करने के लिए "+" पर क्लिक करें,
3. "रियल टाइम अलार्म क्लॉक (RTC) प्रदर्शित करें" चुनें और इसे विस्तारित करने के लिए "+" पर क्लिक करें,
4. "एलिमेंट्स" चुनें और 3 डॉट्स वाले नीले बटन पर क्लिक करें…
5. एलिमेंट्स डायलॉग में "सेट ऑवर" को दाईं ओर से बाईं ओर खींचें और प्रॉपर्टीज विंडो में "ऐड वैल्यू" को: ट्रू और "वैल्यू" को: 1 पर सेट करें।
6. एलिमेंट्स डायलॉग में "सेट मिनट" को दाईं ओर से बाईं ओर खींचें और प्रॉपर्टीज विंडो में "ऐड वैल्यू" को: ट्रू और "वैल्यू" को: 1 पर सेट करें।
7. एलिमेंट्स डायलॉग में "सेट सेकेंड" को दाईं ओर से बाईं ओर खींचें और प्रॉपर्टीज विंडो में "ऐड वैल्यू" को: ट्रू और "वैल्यू" को: 1 पर सेट करें।

तत्व विंडो बंद करें

चरण 4: विसुइनो में अवयव जोड़ें

1. 2x "डेब्यूज़ बटन" घटक जोड़ें
2. "ऑटो रिपीट बटन" घटक जोड़ें
3. "टेक्स्ट ऐरे" घटक जोड़ें
4. "एनालॉग ऐरे" घटक जोड़ें
5. 2x "काउंटर" घटक जोड़ें
6. "क्लॉक डिमक्स (एकाधिक आउटपुट चैनल स्विच)" घटक जोड़ें
7. "डीकोड (विभाजित) दिनांक/समय" घटक जोड़ें
8. "FormattedText1" घटक जोड़ें

चरण 5: विसुइनो सेट घटकों में

1. "FormattedText1" घटक का चयन करें और "गुण" विंडो के अंतर्गत "पाठ" सेट करें:% 0:% 1:% 2
2. "FormattedText1" घटक पर डबल क्लिक करें और तत्व संवाद में बाईं ओर 3x "पाठ तत्व" खींचें
3. बाईं ओर "TextElement1" का चयन करें और गुण विंडो में "वर्ण भरें" को: 0 और "लंबाई" से: 2 पर सेट करें।
4. बाईं ओर "TextElement2" का चयन करें और गुण विंडो में "वर्ण भरें" को: 0 और "लंबाई" से: 2 पर सेट करें।
5. बाईं ओर "TextElement3" का चयन करें और गुण विंडो में "वर्ण भरें" को: 0 और "लंबाई" से: 2 पर सेट करें।
6. "ClockDemmux1" घटक का चयन करें और गुण विंडो में "आउटपुट पिन" सेट करें: 5
7. "काउंटर 1" घटक का चयन करें और गुण विंडो में "अधिकतम" का विस्तार करें और "मान" को: 4. पर सेट करें
8. "काउंटर 1" घटक का चयन करें और गुण विंडो में "न्यूनतम" का विस्तार करें और "मान" को इस पर सेट करें: 0
9. "काउंटर 2" घटक का चयन करें और गुण विंडो में "अधिकतम" का विस्तार करें और "मान" को: 6. पर सेट करें
10. "काउंटर 2" घटक का चयन करें और गुण विंडो में "न्यूनतम" का विस्तार करें और "मान" को इस पर सेट करें: 0 मेनू का निर्माण:
11. "Array1" घटक (टेक्स्ट ऐरे) का चयन करें और उस पर डबल क्लिक करें।-तत्व विंडो में बाईं ओर 4X "मान" खींचें- बाईं ओर "आइटम [1]" चुनें और गुण विंडो में "मान" सेट करें करने के लिए: सेट घंटे-बाईं ओर "आइटम [2]" का चयन करें और गुण विंडो में "मान" सेट करें: मिनट सेट करें- बाईं ओर "आइटम [3]" चुनें और गुण विंडो में "मान" सेट करें करने के लिए: सेट सेकंड-बाईं ओर "आइटम [4]" का चयन करें और गुण विंडो में "मान" सेट करें: सेट ब्राइटनेस एलीमेंट विंडो बंद करें। ब्राइटनेस के लिए मूल्यों को सेट करना:

12. "ऐरे 2" घटक (एनालॉग ऐरे) का चयन करें और उस पर डबल क्लिक करें।-एलिमेंट्स विंडो में 6X "वैल्यू" को बाईं ओर खींचें- बाईं ओर "आइटम [0]" चुनें और प्रॉपर्टीज विंडो में "वैल्यू" सेट करें। करने के लिए: 1

    -बाईं ओर "आइटम [1]" चुनें और गुण विंडो में "मान" को 0.9. पर सेट करें

    -बाईं ओर "आइटम [2]" का चयन करें और गुण विंडो में "मान" को 0.8 पर सेट करें - बाईं ओर "आइटम [3]" का चयन करें और गुण विंडो में "मान" को 0.7-ऑन पर सेट करें बाईं ओर "आइटम [4]" का चयन करें और गुण विंडो में "मान" को: 0.6-बाईं ओर "आइटम [5]" चुनें और गुण विंडो में "मान" को: 0.55 पर सेट करें।

चरण 6: विसुइनो कनेक्ट घटकों में

1. "M5 स्टैक स्टिक C" पिन A (M5) को "Button2" पिन से कनेक्ट करें [In]
2. "M5 स्टैक स्टिक C" पिन [B] को "Button1" पिन से कनेक्ट करें [In]
3. "बटन 2" पिन [आउट] को 'रिपीटबटन 1' पिन [इन] से कनेक्ट करें
4. "RepeatButton1" पिन [आउट] को "ClockDemmux1" पिन से कनेक्ट करें [In]
5. "बटन 1" पिन [आउट] को "काउंटर 1" पिन से कनेक्ट करें [इन]
6. कनेक्ट "M5 स्टैक स्टिक C"> "रीयल टाइम अलार्म क्लॉक (RTC)" पिन [आउट] को "DecodeDateTime1" पिन [In] से कनेक्ट करें
7. "DecodeDateTime1" पिन [घंटे] को "FormattedText1">"TextElement1" पिन से कनेक्ट करें [In]
8. कनेक्ट करें "DecodeDateTime1" पिन [मिनट] को "FormattedText1">"TextElement2" पिन [इन]
9. "DecodeDateTime1" पिन [दूसरा] को "FormattedText1">"TextElement3" पिन से कनेक्ट करें [इन]
10. कनेक्ट करें "FormattedText1" पिन [आउट] करने के लिए "M5 स्टैक स्टिक सी" बोर्ड> "प्रदर्शन ST7735"> "पाठ फ़ील्ड 1" पिन [इन]
11. "काउंटर 1" पिन [आउट] को "क्लॉकडेमक्स 1" पिन से कनेक्ट करें [चुनें] और "एरे 1" पिन [इंडेक्स] से कनेक्ट करें
12. "काउंटर 2" पिन [आउट] को "ऐरे 2" पिन [इंडेक्स] से कनेक्ट करें
13. "एरे 1" पिन [आउट] को "एम 5 स्टैक स्टिक सी" बोर्ड से कनेक्ट करें> "एसटी 7735 प्रदर्शित करें"> "टेक्स्ट फील्ड 2" पिन [इन]
14. "Array2" पिन [आउट] को "M5 स्टैक स्टिक C" बोर्ड से कनेक्ट करें> "डिस्प्ले ST7735"> पिन [ब्राइटनेस]
15. "ClockDemmux1" पिन[1] को "M5 स्टैक स्टिक C" बोर्ड > "रियल टाइम अलार्म क्लॉक (RTC)"> "सेट ऑवर1" पिन [घड़ी] से कनेक्ट करें
16. "ClockDemmux1" पिन[2] को "M5 स्टैक स्टिक C" बोर्ड > "रियल टाइम अलार्म क्लॉक (RTC)" > "सेट मिनट1" पिन [घड़ी] से कनेक्ट करें
17. "ClockDemmux1" पिन [3] को "M5 स्टैक स्टिक C" बोर्ड से कनेक्ट करें> "रियल टाइम अलार्म क्लॉक (RTC)"> "सेट सेकेंड 1" पिन [घड़ी]
18. "ClockDemmux1" पिन [4] को "काउंटर2" पिन से कनेक्ट करें [इन]

चरण 7: Arduino कोड उत्पन्न करें, संकलित करें और अपलोड करें

Visuino में, नीचे "बिल्ड" टैब पर क्लिक करें, सुनिश्चित करें कि सही पोर्ट चुना गया है, फिर "कंपाइल/बिल्ड एंड अपलोड" बटन पर क्लिक करें।

चरण 8: खेलें

यदि आप M5Sticks मॉड्यूल को पावर देते हैं, तो डिस्प्ले को समय दिखाना शुरू कर देना चाहिए। आप मेनू प्रदर्शित करने के लिए बटन "बी" का उपयोग करके समय और चमक को बदल सकते हैं और इसे सेट करने के लिए (सेट घंटे, सेट मिनट, सेट सेकेंड, सेट ब्राइटनेस) और बटन "एम 5" के बीच स्विच कर सकते हैं।

बधाई हो! आपने अपना M5Sticks प्रोजेक्ट Visuino के साथ पूरा कर लिया है। इसके अलावा संलग्न Visuino प्रोजेक्ट है, जिसे मैंने इस निर्देश के लिए बनाया है, आप इसे यहाँ डाउनलोड कर सकते हैं। आप इसे Visuino में डाउनलोड और खोल सकते हैं: