Arduino Uno: ILI9341 TFT টাচস্ক্রিন ডিসপ্লে শিল্ডে ভিসুইনো সহ বিটম্যাপ অ্যানিমেশন: 12 টি ধাপ (ছবি সহ)

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

ILI9341 ভিত্তিক TFT টাচস্ক্রিন ডিসপ্লে শিল্ডগুলি Arduino এর জন্য খুবই জনপ্রিয় কম খরচের ডিসপ্লে শিল্ড। ভিসুইনো বেশ কিছুদিন ধরে তাদের জন্য সমর্থন পেয়েছে, কিন্তু সেগুলি কীভাবে ব্যবহার করতে হয় সে সম্পর্কে আমি কখনই টিউটোরিয়াল লেখার সুযোগ পাইনি। সম্প্রতি যদিও কিছু লোক Visuino এর সাথে ডিসপ্লে ব্যবহার করার বিষয়ে প্রশ্ন করেছে, তাই আমি একটি টিউটোরিয়াল বানানোর সিদ্ধান্ত নিয়েছি।

এই টিউটোরিয়ালে, আমি আপনাকে দেখাবো কতটা সহজ, শিল্ডকে আরডুইনোতে সংযুক্ত করা, এবং ডিসপ্লেতে ঘুরে বেড়ানোর জন্য বিটম্যাপ অ্যানিমেট করার জন্য এটি ভিসুইনো দিয়ে প্রোগ্রাম করুন।

ধাপ 1: উপাদান

1. একটি Arduino Uno সামঞ্জস্যপূর্ণ বোর্ড (এটি মেগা দিয়েও কাজ করতে পারে, কিন্তু আমি এখনও এটির সাথে ieldাল পরীক্ষা করিনি)
2. Arduino এর জন্য একটি ILI9341 2.4 "TFT টাচস্ক্রিন শিল্ড

ধাপ 2: ILI9341 TFT টাচস্ক্রিন ডিসপ্লে শিল্ডকে Arduino এর সাথে সংযুক্ত করুন

ছবিতে দেখানো হিসাবে Arduino Uno এর উপরে TFT শিল্ডটি প্লাগ করুন

ধাপ 3: ভিসুইনো শুরু করুন এবং টিএফটি ডিসপ্লে শিল্ড যুক্ত করুন

আরডুইনো প্রোগ্রামিং শুরু করতে, আপনাকে এখান থেকে আরডুইনো আইডিই ইনস্টল করতে হবে:

নিশ্চিত করুন যে আপনি 1.6.7 বা উচ্চতর ইনস্টল করেছেন, অন্যথায় এই নির্দেশযোগ্য কাজ করবে না

ভিসুইনো: https://www.visuino.com এছাড়াও ইনস্টল করা প্রয়োজন।

1. প্রথম ছবিতে দেখানো হিসাবে Visuino শুরু করুন
2. ড্রপ ডাউন মেনু খোলার জন্য Arduino কম্পোনেন্টের "অ্যারো ডাউন" বাটনে ক্লিক করুন (ছবি 1)
3. মেনু থেকে "শিল্ড যুক্ত করুন …" নির্বাচন করুন (ছবি 1)
4. "শিল্ডস" ডায়ালগে "ডিসপ্লেস" ক্যাটাগরি প্রসারিত করুন এবং "TFT কালার টাচ স্ক্রিন ডিসপ্লে ILI9341 শিল্ড" নির্বাচন করুন, তারপর এটি যোগ করতে "+" বোতামে ক্লিক করুন (ছবি 2)

ধাপ 4: ভিসুইনোতে: টেক্সট শ্যাডোর জন্য ড্র টেক্সট এলিমেন্ট যোগ করুন

পরবর্তী আমাদের পাঠ্য এবং বিটম্যাপ রেন্ডার করার জন্য গ্রাফিক্স উপাদান যোগ করতে হবে। প্রথমে আমরা পাঠ্যের ছায়া আঁকার জন্য গ্রাফিক্স উপাদান যুক্ত করব:

1. অবজেক্ট ইন্সপেক্টর -এ, "টিএফটি ডিসপ্লে" এলিমেন্টের "এলিমেন্টস" প্রপার্টির মানের পাশে "…" বাটনে ক্লিক করুন (ছবি 1)
2. এলিমেন্টস এডিটরে "টেক্সট আঁকুন" নির্বাচন করুন, এবং তারপর একটি যোগ করার জন্য "+" বাটনে (ছবি 2) ক্লিক করুন (ছবি 3)
3. অবজেক্ট ইন্সপেক্টরে "Draw Text1" এলিমেন্টের "কালার" সম্পত্তির মান "aclSilver" (ছবি 3) এ সেট করুন
4. অবজেক্ট ইন্সপেক্টরে "Draw Text1" এলিমেন্টের "সাইজ" প্রপার্টি এর মান "4" (ছবি 4) সেট করুন। এটি পাঠ্যকে আরও বড় করে তোলে
5. অবজেক্ট ইন্সপেক্টরে "টেক্সট 1" উপাদানটির "টেক্সট" সম্পত্তির মান "ভিসুইনো" (ছবি 5) সেট করুন
6. অবজেক্ট ইন্সপেক্টরে "ড্র টেক্সট 1" এলিমেন্টের "X" প্রপার্টির মান "43" (ছবি 6) সেট করুন
7. অবজেক্ট ইন্সপেক্টরে "ড্র টেক্সট 1" উপাদানটির "Y" সম্পত্তির মান "278" (ছবি 6) সেট করুন

ধাপ 5: ভিসুইনোতে: টেক্সট ফোরগ্রাউন্ডের জন্য ড্র টেক্সট এলিমেন্ট যোগ করুন

এখন আমরা টেক্সট আঁকতে গ্রাফিক্স এলিমেন্ট যুক্ত করব:

1. এলিমেন্টস এডিটরে "টেক্সট আঁকুন" নির্বাচন করুন, এবং তারপর "+" বাটনে ক্লিক করুন (ছবি 1) দ্বিতীয়টি যোগ করতে (ছবি 2)
2. অবজেক্ট ইন্সপেক্টরে "ড্র টেক্সট 1" এলিমেন্টের "সাইজ" সম্পত্তির মান "4" (ছবি 2) সেট করুন
3. অবজেক্ট ইন্সপেক্টরে "টেক্সট 1" উপাদানটির "টেক্সট" সম্পত্তির মান "ভিসুইনো" (ছবি 3) এ সেট করুন
4. অবজেক্ট ইন্সপেক্টরে "ড্র টেক্সট 1" এলিমেন্টের "X" সম্পত্তির মান "40" (ছবি 4) সেট করুন
5. অবজেক্ট ইন্সপেক্টরে "ড্র টেক্সট 1" এলিমেন্টের "Y" সম্পত্তির মান "275" (ছবি 4) সেট করুন

ধাপ 6: ভিসুইনোতে: অ্যানিমেশনের জন্য ড্র বিটম্যাপ এলিমেন্ট যোগ করুন

পরবর্তী আমরা বিটম্যাপ আঁকতে গ্রাফিক্স উপাদান যুক্ত করব:

1. এলিমেন্টস এডিটরে "বিটম্যাপ আঁকুন" নির্বাচন করুন, এবং তারপর একটি যোগ করার জন্য "+" বাটনে (ছবি 1) ক্লিক করুন (ছবি 2)
2. অবজেক্ট ইন্সপেক্টর -এ, "বিটম্যাপ 1" এলিমেন্টের "বিটম্যাপ" সম্পত্তির মূল্যের "…" বাটনে ক্লিক করুন (ছবি 2) "বিটম্যাপ এডিটর" (ছবি 3) খুলতে
3. "বিটম্যাপ এডিটর" এ "লোড …" বোতামে ক্লিক করুন (ছবি 3) ফাইল ওপেন ডায়ালগ খুলতে (ছবি 4)
4. ফাইল ওপেন ডায়ালগে, আঁকার জন্য বিটম্যাপ নির্বাচন করুন এবং "ওপেন" বোতামে ক্লিক করুন (ছবি 4)। যদি ফাইলটি খুব বড় হয় তবে এটি আরডুইনো মেমরিতে ফিট করতে সক্ষম নাও হতে পারে। যদি আপনি সংকলনের সময় মেমরি ত্রুটি থেকে বেরিয়ে যান, তাহলে আপনাকে একটি ছোট বিটম্যাপ নির্বাচন করতে হতে পারে
5. "বিটম্যাপ এডিটর" এ "ওকে" ক্লিক করুন। ডায়ালগ বন্ধ করতে বোতাম (ছবি 5)

ধাপ 7: ভিসুইনোতে: ড্র বিটম্যাপ এলিমেন্টের X এবং Y বৈশিষ্ট্যের জন্য পিন যুক্ত করুন

বিটম্যাপকে অ্যানিমেট করার জন্য আমাদের এর X এবং Y অবস্থান নিয়ন্ত্রণ করতে হবে। এর জন্য আমরা X এবং Y বৈশিষ্ট্যের জন্য পিন যুক্ত করব:

1. অবজেক্ট ইন্সপেক্টর -এ "ড্র বিটম্যাপ 1" এলিমেন্ট (ছবি 1) এর "X" প্রপার্টির সামনে "পিন" বোতামে ক্লিক করুন এবং "ইন্টিজার সিঙ্কপিন" (ছবি 2) নির্বাচন করুন
2. অবজেক্ট ইন্সপেক্টর -এ "ড্র বিটম্যাপ 1" এলিমেন্ট (ছবি 3) -এর "Y" প্রপার্টির সামনে "পিন" বোতামে ক্লিক করুন এবং "ইন্টিজার সিঙ্কপিন" (ছবি 4) নির্বাচন করুন

ধাপ 8: ভিসুইনোতে: 2 ইন্টিজার সাইন জেনারেটর যুক্ত করুন এবং প্রথমটি কনফিগার করুন

আমরা বিটম্যাপ মুভমেন্টকে অ্যানিমেট করতে 2 টি পূর্ণসংখ্যা সাইন জেনারেটর ব্যবহার করব:

1. কম্পোনেন্ট টুলবক্সের ফিল্টার বক্সে "সাইন" টাইপ করুন তারপর "সাইন ইন্টিজার জেনারেটর" কম্পোনেন্ট (ছবি 1) নির্বাচন করুন এবং এর মধ্যে দুটিকে নকশা এলাকায় ফেলে দিন
2. অবজেক্ট ইন্সপেক্টরে, SineIntegerGenerator1 কম্পোনেন্টের "প্রশস্ততা" সম্পত্তির মান "96" (ছবি 2) এ সেট করুন
3. অবজেক্ট ইন্সপেক্টরে, SineIntegerGenerator1 কম্পোনেন্টের "অফসেট" সম্পত্তির মান "96" (ছবি 3) সেট করুন
4. অবজেক্ট ইন্সপেক্টরে, SineIntegerGenerator1 কম্পোনেন্টের "ফ্রিকোয়েন্সি" সম্পত্তির মান "0.2" (ছবি 4) এ সেট করুন

ধাপ 9: ভিসুইনোতে: দ্বিতীয় সাইন জেনারেটর কনফিগার করুন এবং সাইন জেনারেটরগুলিকে বিটম্যাপের এক্স এবং ওয়াই কোঅর্ডিনেট পিনের সাথে সংযুক্ত করুন

1. অবজেক্ট ইন্সপেক্টরে, SineIntegerGenerator2 কম্পোনেন্টের "Amplitude" সম্পত্তির মান "120" (ছবি 1) সেট করুন
2. অবজেক্ট ইন্সপেক্টরে, SineIntegerGenerator2 কম্পোনেন্টের "অফসেট" সম্পত্তির মান "120" (ছবি 2) সেট করুন
3. অবজেক্ট ইন্সপেক্টরে, SineIntegerGenerator2 কম্পোনেন্টের "ফ্রিকোয়েন্সি" সম্পত্তির মান "0.03" (ছবি 3) এ সেট করুন
4. SineIntegerGenerator1 কম্পোনেন্টের "আউট" আউটপুট পিনকে "X" ইনপুট পিনের সাথে "Shields. TFT Sisplay. Elements. Draw Bitmap1" উপাদানটি Arduino কম্পোনেন্টের সাথে সংযুক্ত করুন (ছবি 4)
5. SineIntegerGenerator2 কম্পোনেন্টের "আউট" আউটপুট পিনকে "Shields. TFT Display. Element. Draw Bitmap1" এর Arduino কম্পোনেন্টের "Y" ইনপুট পিনের সাথে সংযুক্ত করুন (ছবি 5)

ধাপ 10: ভিসুইনোতে: স্টার্ট এবং ক্লক মাল্টি সোর্স কম্পোনেন্ট যুক্ত করুন এবং সংযুক্ত করুন

প্রতিবার এক্স এবং ওয়াই পজিশন আপডেট করার সময় বিটম্যাপ রেন্ডার করার জন্য আমাদের "ড্র বিটম্যাপ 1" এলিমেন্টে ক্লক সিগন্যাল পাঠাতে হবে। পজিশন পরিবর্তনের পরে কমান্ড পাঠানোর জন্য, আমাদের ইভেন্টগুলিকে সিঙ্ক্রোনাইজ করার একটি উপায় দরকার। এর জন্য আমরা ক্রমাগত ইভেন্ট জেনারেট করার জন্য রিপিট কম্পোনেন্ট ব্যবহার করবো, এবং ক্লক মাল্টি সোর্স ক্রম অনুসারে ২ টি ইভেন্ট জেনারেট করতে। প্রথম ইভেন্টটি X এবং Y অবস্থানগুলি আপডেট করতে সাইন জেনারেটরগুলিকে ঘড়ি দেবে এবং দ্বিতীয়টি "ড্র বিটম্যাপ 1" ঘড়িতে থাকবে:

1. কম্পোনেন্ট টুলবক্সের ফিল্টার বক্সে "পুনরাবৃত্তি" টাইপ করুন, তারপরে "পুনরাবৃত্তি" উপাদানটি নির্বাচন করুন (ছবি 1), এবং নকশা এলাকায় ফেলে দিন (ছবি 2)
2. কম্পোনেন্ট টুলবক্সের ফিল্টার বক্সে "মাল্টি" টাইপ করুন, তারপর "ক্লক মাল্টি সোর্স" কম্পোনেন্ট (ছবি 2) নির্বাচন করুন, এবং নকশা এলাকায় ফেলে দিন (ছবি 3)
3. Repeat1 কম্পোনেন্টের "আউট" আউটপুট পিনটি ClockMultiSource1 কম্পোনেন্টের "ইন" ইনপুট পিনের সাথে সংযুক্ত করুন (ছবি 3)
4. ClockMultiSource1 কম্পোনেন্টের "আউট" পিনের "পিন [0]" আউটপুট পিনটি SineIntegerGenerator1 কম্পোনেন্টের "ইন" ইনপুট পিনের সাথে সংযুক্ত করুন (ছবি 4)
5. ClockMultiSource2 কম্পোনেন্টের "আউট" পিনের "পিন [0]" আউটপুট পিনটি SineIntegerGenerator1 কম্পোনেন্টের "ইন" ইনপুট পিনের সাথে সংযুক্ত করুন (ছবি 5)
6. Arduino কম্পোনেন্টের "Shields. TFT Display. Element. Draw Bitmap1" উপাদানটির "ক্লক" ইনপুট পিনের "পিন [1]" আউটপুট পিন সংযুক্ত করুন (ছবি 6)

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

1. ভিসুইনোতে, F9 চাপুন বা ছবি 1 এ দেখানো বাটনে ক্লিক করে Arduino কোড তৈরি করুন এবং Arduino IDE খুলুন
2. আরডুইনো আইডিইতে, কোডটি সংকলন এবং আপলোড করতে আপলোড বোতামে ক্লিক করুন (ছবি 2)

ধাপ 12: এবং খেলুন …

অভিনন্দন! আপনি প্রকল্পটি সম্পন্ন করেছেন।

ছবি 2, 3, 4 এবং 5 এবং ভিডিও সংযুক্ত এবং চালিত প্রকল্প দেখায়। আপনি দেখতে পাবেন বিটম্যাপ ILI9341 ভিত্তিক TFT টাচস্ক্রিন ডিসপ্লে শিল্ডের চারপাশে ঘুরছে যেমনটি ভিডিওতে দেখা গেছে।

ছবি 1 এ আপনি সম্পূর্ণ ভিসুইনো ডায়াগ্রামটি দেখতে পারেন। এছাড়াও সংযুক্ত ভিসুইনো প্রকল্প, যা আমি এই নির্দেশের জন্য তৈরি করেছি, এবং ভিসুইনো লোগো সহ বিটম্যাপ। আপনি এটি ডাউনলোড করে ভিসুইনোতে খুলতে পারেন: