8x8 पेंटर: 6 कदम

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

8x8 एलईडी मॉड्यूल पर ग्राफिक्स बनाने के लिए एक सरल उपकरण।

दोस्तों - मैं बुरा हूँ। नहीं - वास्तव में, वास्तव में बहुत बुरा है जब यह ड्राइंग आइकन की बात आती है। विशेष रूप से 8x8 ग्रिड पर आइकन बनाना, जैसे कि WEMOS D1 के लिए छोटे WEMOS मैट्रिक्स डिस्प्ले। उसके ऊपर, मैं पंक्तियों को गिनने और उन्हें एक द्विआधारी प्रतिनिधित्व में बदलने के लिए चूसता हूं।

तो मैंने धोखा दिया - और 8x8 पेंटर नामक इस छोटी सी चीज को बनाया।

चरण 1: वह क्या है?

ESP8266 एक वेबपेज होस्ट करता है जो मैट्रिक्स डिस्प्ले के 8x8 ग्रिड का प्रतिनिधित्व करता है - इनमें से किसी एक बिंदु पर क्लिक करें और यह लाल/चालू हो जाता है, फिर से क्लिक करें और यह बंद/काला हो जाता है। आपका डिस्प्ले भी यही काम करता है, इसलिए आप रियल टाइम में अपने आर्टवर्क को रियल हार्डवेयर पर देख सकते हैं। मैं अभी भी उस पर कुछ भी खींचने में चूसता हूं, लेकिन अब जब मैं चूसता हूं तो मुझे बहुत जल्दी पता चल जाता है:)

ग्रिड के दाईं ओर (आपकी स्क्रीन पर) आपको बाइट सरणी (प्रोग्मेम में संग्रहीत) के रूप में कॉपी और पेस्ट-तैयार बाइनरी प्रतिनिधित्व मिलेगा - बस इसे पकड़ो और इसे अपने कोड में पेस्ट करें। सरणी-नाम को अनुकूलित करने के लिए स्वतंत्र महसूस करें, और यदि प्रोग्मेम आपके लिए काम नहीं करेगा: यह 8 बाइट्स है - तो शायद यह आपकी याददाश्त को अधिभारित नहीं करेगा;)

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

इसे WEMOS D1 को ध्यान में रखकर बनाया गया है, इसलिए आपको D1 और LOLIN मैट्रिक्स एलईडी शील्ड की आवश्यकता है:D1:https://www.aliexpress.com/item/32651747570.html

मैट्रिक्स एलईडी शील्ड:https://www.aliexpress.com/item/33046133551.html

- ये कोई संबद्ध लिंक नहीं हैं - यह वह जगह है जहां मुझे मेरा सामान मिलता है। कहीं और खरीदने के लिए स्वतंत्र महसूस करें।

चरण 3: सॉफ्टवेयर?

यहां परियोजना डाउनलोड करें:

प्रोजेक्ट दो फाइलों में आता है - एक स्केच, दूसरे में वह वेबपेज होता है जिसे आपका ईएसपी भेजेगा।

यदि आप किसी अज्ञात ज़िप को डाउनलोड करने में सहज नहीं हैं: यहाँ मुख्य स्केच है:

…और वेबपेज:

यदि आप ज़िप का उपयोग नहीं करते हैं: दोनों फ़ाइलें एक फ़ोल्डर में चली जाती हैं। वेबपेज-पार्ट "index_html.h" नामक फ़ाइल में होना चाहिए - स्केच को कुछ भी कहा जा सकता है, जब तक कि फ़ोल्डर का नाम आईएनओ के समान हो। हाँ, अरुडिनो …

चरण 4: पुस्तकालय?

ज़रूर। संकलित करने के लिए, आपको इन पुस्तकालयों को स्थापित करने की आवश्यकता है:

वाईफ़ाई प्रबंधक

..और एलईडी मैट्रिक्स के लिए पुस्तकालय: https://github.com/thomasfredericks/wemos_matrix_…..जो आपको एडफ्रूट जीएफएक्स पुस्तकालय स्थापित करने के लिए कहेगा।

दोनों (तीनों?) पुस्तकालयों को अच्छे पुराने पुस्तकालय प्रबंधक के माध्यम से प्राप्त किया जा सकता है।

चरण 5: तो - हम इस चीज़ को कैसे काम करते हैं?

कोड अपलोड करने के बाद, आपका एलईडी डिस्प्ले थोड़ा एनीमेशन करता है - आपको बता रहा है कि यह आपके वाईफाई से जुड़ना चाहता है। तो अपना फोन पकड़ें, अपना WLAN खोलें - नाम का एक नया WLAN खोजें

8x8पेंटर कॉन्फिग

- नए डब्लूएलएएन से कनेक्ट करें - आपके फोन को पूछना चाहिए, अगर आप उस वाईफ़ाई से कनेक्ट करना चाहते हैं (क्षमा करें, जर्मन फोन यहां - सुनिश्चित नहीं है कि अंग्रेजी संदेश क्या कहता है) - उस पर टैप करें। यदि ऐसा कोई संदेश प्रकट नहीं होता है: एक ब्राउज़र खोलें (अपने फोन पर जो ईएसपी के वाईफाई से जुड़ा है) और "https://1.2.3.4" पर जाएं।

सफेद स्क्रीन, बड़े नीले बटन? वह वाईफाई मैनेजर है।

"वाईफ़ाई कॉन्फ़िगर करें" पर टैप करें, अपना वाईफाई चुनें और अपना पासवर्ड टाइप करें। हिट सहेजें - एनीमेशन बंद हो जाना चाहिए (मैट्रिक्स काला हो जाता है); ईएसपी अब आपके वाईफाई से जुड़ा है।

अपनी पसंद का ब्राउज़र खोलें और इस पते का उपयोग करें:

8x8पेंटर

- बस इतना ही: अब आपको मुख्य इंटरफ़ेस देखना चाहिए - हैप्पी आइकन बिल्डिंग !!

चरण 6: नोट्स

मैं न केवल ड्राइंग आइकनों को चूसता हूं - हालांकि मैं टिप्पणी करने में चूसता हूं। मैं आमतौर पर अभिव्यंजक चर नामों के लिए जाता हूं - इसलिए स्केच का पालन करना इतना कठिन नहीं होना चाहिए।

हाँ, मुझे अपने कार्यों से प्यार है - स्केच को पढ़ने का सबसे आसान तरीका सभी को संक्षिप्त करना और अलग-अलग कार्यों की जांच करना है।

मैंने डिबगिंग के लिए कोड में कुछ सीरियल.प्रिंट स्टेटमेंट छोड़े हैं - चलते समय सीरियल कंसोल की जांच करना एक अच्छा विचार हो सकता है:)

वेबपेज एक लंबी स्ट्रिंग में संग्रहीत है - नरक और लानत - स्ट्रिंग्स! मैं कैसे कर सकता हूं? खैर, मेरे पास इसके लिए जगह है, मैं इसे बिल्कुल नहीं बदलता (ग्लोबल्स फ्रॉम हेल) - इसलिए मुझे वास्तव में परवाह नहीं है। यदि आप करते हैं: आगे बढ़ें, इसे बेहतर बनाएं। यही प्रोग्रामिंग की खूबसूरती है।

वेबपेज जावास्क्रिप्ट में बहुत कुछ करता है - इसके लिए खेद है; यह सबसे कॉम्पैक्ट समाधान था जिसके साथ मैं आ सकता था। ईएसपी और ब्राउज़र के बीच संचार वेबसाकेट के साथ बेहतर तरीके से किया जा सकता है - लेकिन जीईटी-स्ट्रिंग्स करना मेरे दिमाग में लिखते समय बात थी - याद रखें: कभी भी चल रहे सिस्टम को स्पर्श न करें:)

वेबपेज फ़ायरफ़ॉक्स का उपयोग करके बनाया गया था - मुझे आलसी, मैंने क्रोम/एज/ओपेरा/जो कुछ भी यूज का परीक्षण नहीं किया। अगर कुछ टूटता है.. फ़ायरफ़ॉक्स आज़माएं।

डेटलेफ़ संशोधन द्वारा 2020। मुफ्त सॉफ्टवेयर - इसके साथ मज़े करो !!