একটি মেনু এবং উজ্জ্বলতা নিয়ন্ত্রণ সহ M5StickC কুল লুকিং ওয়াচ: 8 টি ধাপ

2024 লেখক: John Day | [email protected]. সর্বশেষ পরিবর্তিত: 2024-01-30 07:56

এই টিউটোরিয়ালে আমরা শিখব কিভাবে ESP32 M5Stack StickC কে Arduino IDE এবং Visuino দিয়ে LCD তে সময় প্রদর্শন করতে হয় এবং মেনু এবং StickC বোতাম ব্যবহার করে সময় এবং উজ্জ্বলতাও নির্ধারণ করে।

একটি বিক্ষোভ ভিডিও দেখুন।

ধাপ 1: আপনার যা লাগবে

M5StickC ESP32: আপনি এখানে পেতে পারেন

ভিসুইনো প্রোগ্রাম: ভিসুইনো ডাউনলোড করুন

দ্রষ্টব্য: স্টিকসি ইএসপি 32 বোর্ড কীভাবে ইনস্টল করবেন সে সম্পর্কে এখানে এই টিউটোরিয়ালটি দেখুন

ধাপ 2: Visuino শুরু করুন, এবং M5 স্ট্যাক স্টিক C বোর্ড প্রকার নির্বাচন করুন

প্রথম ছবিতে দেখানো হিসাবে Visuino শুরু করুন Visuino- এ Arduino কম্পোনেন্ট (ছবি 1) -এর "টুলস" বোতামে ক্লিক করুন যখন ডায়ালগটি প্রদর্শিত হবে, ছবি 2 -এ দেখানো হিসাবে "M5 স্ট্যাক স্টিক C" নির্বাচন করুন

ধাপ 3: ভিসুইনোতে স্টিক বোর্ড সেট করুন

1. এটি নির্বাচন করতে "M5 স্ট্যাক স্টিক সি" বোর্ডে ক্লিক করুন
2. "প্রোপার্টি" উইন্ডোতে "মডিউল" নির্বাচন করুন এবং প্রসারিত করতে "+" ক্লিক করুন,
3. "ডিসপ্লে ST7735" নির্বাচন করুন এবং এটি প্রসারিত করতে "+" ক্লিক করুন,
4. "ওরিয়েন্টেশন" কে "goRight" এ সেট করুন
5. "ব্যাকগ্রাউন্ড কালার" কে "ClBlack" এ সেট করুন
6. "উপাদান" নির্বাচন করুন এবং 3 টি বিন্দু সহ নীল বোতামে ক্লিক করুন …
7. এলিমেন্টস ডায়ালগ দেখাবে
8. এলিমেন্টস ডায়ালগে ডান দিক থেকে বামে 2X "টেক্সট ফিল্ড" টেনে আনুন
9. এটি নির্বাচন করার জন্য বাম পাশের "টেক্সট ফিল্ড 1" এ ক্লিক করুন, তারপর "প্রোপার্টিজ উইন্ডো" তে "কালার" এ ক্লিক করুন এবং "aclOrange" এ সেট করুন এবং "ফিল কালার" এ ক্লিক করুন এবং এটি "aclBlack" (আপনি যদি আপনি চান তবে রং দিয়ে খেলতে পারেন) -এছাড়াও বৈশিষ্ট্য উইন্ডোজ সেট X: 10 এবং Y: 20 এখানেই আপনি LCD- সেট সাইজে সময় প্রদর্শন করতে চান: 3 (এটি সেই সময়ের ফন্ট সাইজ)
10. এটি নির্বাচন করতে বাম পাশের "টেক্সট ফিল্ড 2" এ ক্লিক করুন, তারপর "প্রোপার্টিজ উইন্ডো" তে "কালার" এ ক্লিক করুন এবং "aclAqua" এ সেট করুন এবং "ফিল কালার" এ ক্লিক করুন এবং "aclBlack" এ সেট করুন

(আপনি চাইলে রং দিয়ে খেলতে পারেন) -"প্রাথমিক মান" সেট করুন: HOUR সেট করুন

প্রপার্টি উইন্ডোতেও X: 10 এবং Y: 2 সেট করুন যেখানে আপনি LCD -set size: 1 এ মেনু প্রদর্শন করতে চান (এটি মেনুর ফন্ট সাইজ)

উপাদান উইন্ডো বন্ধ করুন

1. এটি নির্বাচন করতে "M5 স্ট্যাক স্টিক সি" বোর্ডে ক্লিক করুন
2. "বৈশিষ্ট্য" উইন্ডোতে "মডিউল" নির্বাচন করুন এবং প্রসারিত করতে "+" ক্লিক করুন,
3. "ডিসপ্লে রিয়েল টাইম অ্যালার্ম ক্লক (RTC)" নির্বাচন করুন এবং এটিকে প্রসারিত করতে "+" ক্লিক করুন,
4. "উপাদান" নির্বাচন করুন এবং 3 টি বিন্দু সহ নীল বোতামে ক্লিক করুন …
5. এলিমেন্টস ডায়ালগে ডান দিক থেকে বাম দিকে "সেট আওয়ার" টেনে আনুন এবং প্রোপার্টি উইন্ডোতে "মান যোগ করুন" এ সেট করুন: সত্য এবং "মান" থেকে: 1
6. এলিমেন্টস ডায়ালগে ডান দিক থেকে বাম দিকে "সেট মিনিট" টেনে আনুন এবং প্রোপার্টি উইন্ডোতে "মান যোগ করুন" এ সেট করুন: সত্য এবং "মান" থেকে: 1
7. এলিমেন্টস ডায়ালগে ডান দিক থেকে বাম দিকে "সেট সেকেন্ড" টেনে আনুন এবং প্রোপার্টি উইন্ডোতে "মান যোগ করুন" এ সেট করুন: সত্য এবং "মান" থেকে: 1

উপাদান উইন্ডো বন্ধ করুন

ধাপ 4: ভিসুইনোতে উপাদান যুক্ত করুন

1. 2x "Debounce Button" কম্পোনেন্ট যোগ করুন
2. "অটো রিপিট বাটন" কম্পোনেন্ট যোগ করুন
3. "টেক্সট অ্যারে" উপাদান যোগ করুন
4. "অ্যানালগ অ্যারে" উপাদান যোগ করুন
5. 2x "কাউন্টার" উপাদান যোগ করুন
6. "ক্লক ডেমাক্স (একাধিক আউটপুট চ্যানেল সুইচ)" উপাদান যোগ করুন
7. "ডিকোড (স্প্লিট) তারিখ/সময়" উপাদান যোগ করুন
8. "FormattedText1" উপাদান যোগ করুন

ধাপ 5: ভিসুইনো সেট কম্পোনেন্টে

1. "FormattedText1" কম্পোনেন্ট নির্বাচন করুন এবং "Properties" উইন্ডোর অধীনে "Text" এ সেট করুন:%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" কম্পোনেন্ট (টেক্সট অ্যারে) নির্বাচন করুন এবং তার উপর ডাবল ক্লিক করুন। থেকে: ঘন্টা সেট করুন-বাম দিকে "আইটেম [2]" নির্বাচন করুন এবং বৈশিষ্ট্য উইন্ডোতে "মান" সেট করুন: সেট মিনিট-বাম দিকে "আইটেম [3]" নির্বাচন করুন এবং বৈশিষ্ট্য উইন্ডোতে "মান" সেট করুন থেকে: সেকেন্ড সেট করুন-বাম দিকে "আইটেম [4]" নির্বাচন করুন এবং প্রপার্টি উইন্ডোতে "মান" সেট করুন: সেট ব্রাইটনেসস উপাদানগুলির উইন্ডোটি বন্ধ করুন। উজ্জ্বলতার মান নির্ধারণ করুন:

12. "Array2" কম্পোনেন্ট (Analog Array) নির্বাচন করুন এবং তার উপর ডাবল ক্লিক করুন। থেকে: 1

    বাম দিকে "আইটেম [1]" নির্বাচন করুন এবং বৈশিষ্ট্য উইন্ডোতে "মান" সেট করুন: 0.9

    -বাম দিকে "আইটেম [2]" নির্বাচন করুন এবং বৈশিষ্ট্য উইন্ডোতে "মান" এ সেট করুন: 0.8 -বাম পাশে "আইটেম [3]" নির্বাচন করুন এবং বৈশিষ্ট্য উইন্ডোতে "মান" থেকে: 0.7 -অন বাম দিকে "আইটেম [4]" নির্বাচন করুন এবং বৈশিষ্ট্য উইন্ডোতে "মান" এ সেট করুন: 0.6-বাম দিকে "আইটেম [5]" নির্বাচন করুন এবং বৈশিষ্ট্য উইন্ডোতে "মান" থেকে: 0.55 সেট করুন

ধাপ 6: ভিসুইনো সংযোগ উপাদানগুলিতে

1. "M5 স্ট্যাক স্টিক C" পিন A (M5) কে "Button2" পিনের সাথে সংযুক্ত করুন [ইন]
2. "M5 স্ট্যাক স্টিক C" পিন [B] কে "Button1" পিনের সাথে সংযুক্ত করুন [ইন]
3. "RepeatButton1" পিনের সাথে "Button2" পিন [আউট] সংযোগ করুন [ইন]
4. "RepeatButton1" পিন [আউট] "ClockDemmux1" পিন [ইন] সংযুক্ত করুন
5. "বাটন 1" পিন [আউট] "কাউন্টার 1" পিনের সাথে সংযুক্ত করুন [ইন]
6. "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" pin [Out] "DecodeDateTime1" pin [In]
7. "DecodeDateTime1" পিন [ঘন্টা] "FormattedText1"> "TextElement1" পিন [ইন] সংযুক্ত করুন
8. "DecodeDateTime1" পিন [মিনিট] "FormattedText1"> "TextElement2" পিন [ইন] সংযুক্ত করুন
9. "DecodeDateTime1" পিন [সেকেন্ড] "FormattedText1"> "TextElement3" পিন [ইন] সংযুক্ত করুন
10. "ফরম্যাটটেক্সট 1" পিন [আউট] "এম 5 স্ট্যাক স্টিক সি" বোর্ড> "ডিসপ্লে ST7735"> "টেক্সট ফিল্ড 1" পিন [ইন] সংযুক্ত করুন
11. "কাউন্টার 1" পিন [আউট] "ক্লকডেমক্স 1" পিন [সিলেক্ট] এবং "অ্যারে 1" পিন [ইনডেক্স] এর সাথে সংযুক্ত করুন
12. "কাউন্টার 2" পিন [আউট] "অ্যারে 2" পিনের সাথে সংযুক্ত করুন [সূচক]
13. "Array1" পিন [আউট] "M5 স্ট্যাক স্টিক সি" বোর্ড> "ডিসপ্লে ST7735"> "টেক্সট ফিল্ড 2" পিন [ইন] সংযুক্ত করুন
14. "Array2" পিন [আউট] "M5 স্ট্যাক স্টিক সি" বোর্ড> "ডিসপ্লে ST7735"> পিন [উজ্জ্বলতা] সংযুক্ত করুন
15. "ClockDemmux1" পিন [1] কে "M5 স্ট্যাক স্টিক C" বোর্ড> "রিয়েল টাইম অ্যালার্ম ক্লক (RTC)"> "সেট আওয়ার 1" পিন [ক্লক] এর সাথে সংযুক্ত করুন
16. "ClockDemmux1" পিন [2] কে "M5 স্ট্যাক স্টিক সি" বোর্ড> "রিয়েল টাইম অ্যালার্ম ক্লক (RTC)"> "সেট মিনিট 1" পিন [ক্লক] এর সাথে সংযুক্ত করুন
17. "ClockDemmux1" পিন [3] কে "M5 স্ট্যাক স্টিক C" বোর্ড> "রিয়েল টাইম অ্যালার্ম ক্লক (RTC)"> "সেট সেকেন্ড 1" পিন [ক্লক] এর সাথে সংযুক্ত করুন
18. "ClockDemmux1" পিন [4] কে "কাউন্টার 2" পিনের সাথে সংযুক্ত করুন [ইন]

ধাপ 7: Arduino কোড জেনারেট, কম্পাইল এবং আপলোড করুন

ভিসুইনোতে, নীচে "বিল্ড" ট্যাবে ক্লিক করুন, নিশ্চিত করুন যে সঠিক পোর্টটি নির্বাচন করা হয়েছে, তারপরে "কম্পাইল/বিল্ড এবং আপলোড" বোতামে ক্লিক করুন।

ধাপ 8: খেলুন

যদি আপনি M5Sticks মডিউলকে ক্ষমতা দেন, তাহলে ডিসপ্লে সময় দেখাতে শুরু করবে। আপনি মেনু প্রদর্শনের জন্য "B" বোতাম ব্যবহার করে সময় এবং উজ্জ্বলতা পরিবর্তন করতে পারেন এবং এর মধ্যে স্যুইচ করতে পারেন (সেট ঘন্টা, মিনিট সেট করুন, সেকেন্ড সেট করুন, উজ্জ্বলতা সেট করুন) এবং এটি সেট করার জন্য "M5" বোতামটি ব্যবহার করুন।

অভিনন্দন! আপনি ভিসুইনো দিয়ে আপনার M5Sticks প্রকল্পটি সম্পন্ন করেছেন। ভিসুইনো প্রকল্পটিও সংযুক্ত, যা আমি এই নির্দেশের জন্য তৈরি করেছি, আপনি এটি ডাউনলোড করতে পারেন এখানে। আপনি এটি ডাউনলোড করে ভিসুইনোতে খুলতে পারেন: