स्क्रैच में ड्राइंग मेलोडी गेम

Nov 25 2022
ड्राइंग मेलोडी गेम बनाने के लिए स्क्रैच का उपयोग करें। हर कोई स्क्रैच से कोड करना सीख सकता है, जिसे एमआईटी मीडिया लैब्स द्वारा विकसित किया गया था।

ड्राइंग मेलोडी गेम बनाने के लिए स्क्रैच का उपयोग करें। हर कोई स्क्रैच से कोड करना सीख सकता है, जिसे एमआईटी मीडिया लैब्स द्वारा विकसित किया गया था। कूल गेम, एनिमेशन, कला के काम, और अन्य बढ़िया चीजें बनाना काफी आसान है।

परियोजना के बारे में :

अपने माउस/तर्जनी और विभिन्न रंगों से स्क्रीन पर चित्र बनाकर सुंदर कलाकृतियां बनाएं । रोमांचक हिस्सा यह है कि प्रत्येक रंग को संगीत की एक अलग धुन/नोट दिया जाता है। एक बार डिजाइन पूरा हो जाने पर, टाइमलाइन शुरू करने के लिए बस स्पेसबार दबाएं। ध्वनि उत्पन्न होती है जब बार ड्राइंग के रंगों से संपर्क करता है। यह विभिन्न स्वरों और धुनों के संयोजन के साथ अद्वितीय धुनों का निर्माण करेगा।

यहां तक ​​कि घसीटने से भी कुछ दिलचस्प और मनभावन संगीत निकलेगा। इससे उनमें उत्सुकता बनी रहेगी।

यह अनमोल श्रीवास्तव द्वारा पढ़ाए जाने वाले "मशीन लर्निंग" पाठ्यक्रम के लिए एक परियोजना है । हमने स्क्रैच के संशोधित संस्करण का उपयोग किया — खिंचाव (http://stretch3.github.io/). इसने हमें खेलने के लिए और अधिक एक्सटेंशन प्राप्त करने में सक्षम बनाया।

हमने इस प्रोजेक्ट में 4 एक्सटेंशन का इस्तेमाल किया:

  1. Handpose2Scratch
  2. कलम
  3. संगीत
  4. TM2Scratch

आइए इस खेल को निम्न चरणों में विभाजित करें:-

  1. एक स्प्राइट (पेन) चुनें और इसकी गति को नियंत्रित करने के लिए माउस का उपयोग करें।
  2. माउस क्लिक करने पर कैनवास में रंग जोड़ें।
  3. विभिन्न चाबियों का उपयोग करके रंग बदलें।
  4. ब्लॉक बनाएं और उन्हें अलग-अलग रंगों की अलग-अलग आवाजें दें।
  5. Handpose2Scratch (हमारे अंतिम आउटपुट के लिए) का उपयोग करके स्प्राइट (पेन) में फिंगर मूवमेंट कंट्रोल जोड़ें
  6. अपनी तर्जनी के साथ ड्राइंग को आसान बनाने के लिए पेन को ऊपर और नीचे करने के लिए शिक्षण योग्य मशीनें जोड़ें।
माउस नियंत्रित ड्राइंग गेम उदाहरण

चरण 1: एक स्प्राइट (पेन) चुनें और उसकी गति को नियंत्रित करने के लिए माउस का उपयोग करें।

किसी भी स्प्राइट (पेंसिल) का चयन करें जिसे एनिमेट किया जा सकता है। आप इसे एक नाम भी दे सकते हैं। हमने पेंसिल का चयन किया और इसे रंग और नाम (नीला) दिया। इसे X = 0 और Y = 0 स्थिति पर रखें, जिसका अर्थ है कि यह पृष्ठ के केंद्र में रहता है।

पेन के लिए प्रारंभिक कोड इसकी डिफ़ॉल्ट स्थिति सेट करने के लिए

हमने उपयोक्ताओं के लिए छोटे निर्देश भी जोड़े हैं कि जब वे खेल शुरू करते हैं तो चीजें कैसे काम करती हैं, जैसा कि ऊपर दिखाया गया है।

चरण 2 : माउस क्लिक करने पर कैनवास में रंग जोड़ें।

स्प्राइट पर माउस मूवमेंट कंट्रोल जोड़ने के लिए, हमने निम्नलिखित कोड लिखा।

माउस का प्रयोग करके पेन स्प्राइट को नियंत्रित करने के लिए कोड ब्लॉक

उपयोगकर्ता अब माउस बटन पर क्लिक करके और पेन को माउस पॉइंटर से घुमाकर आकर्षित कर सकते हैं।

चरण 3: विभिन्न कुंजियों का उपयोग करके रंग बदलें।

जब रंग बदलने के लिए कुछ कुंजियों को दबाया जाता है तो दृश्यमान परिवर्तन दिखाने के लिए हमने अलग-अलग पेंसिल रंगों के लिए अलग-अलग पोशाकें बनाईं।

विभिन्न कुंजियों को दबाने पर रंगों की अदला-बदली करने के लिए कोड

चरण 4: ब्लॉक बनाएं और उन्हें अलग-अलग रंगों की अलग-अलग आवाजें दें।

हमने एक ब्लॉक बनाया और एक रेखा बनाने के लिए इसे डुप्लिकेट किया और इसकी स्थिति को चरम बाएं (x=-240) पर सेट किया और इसे X दिशा में हर 10 कदम आगे बढ़ाया। इससे यह लाइन जैसा दिखता है

कैनवास में ब्लॉकों की आवाजाही के लिए कोड। देरी के कारण कुछ ब्लॉकों ने आवाजाही में देरी की है

चरण 5: स्प्राइट (पेन) में फिंगर मूवमेंट कंट्रोल जोड़ें।

मोशन ब्लॉक्स से 'माउस पॉइंटर' को 'गो टू एक्स एंड वाई' से बदलें। स्ट्रेच में, Handpose2Scratch एक्सटेंशन जोड़ें।

'तर्जनी का x' और 'तर्जनी का y' को मुख्य कार्यक्रम में खींचें और इसे जगह दें।

यह स्प्राइट को तर्जनी से चिपका देता है और कैनवास पर अनिश्चित काल तक चलता रहता है।

चरण 6: अपनी तर्जनी के साथ ड्राइंग को आसान बनाने के लिए पेन को ऊपर और नीचे करने के लिए शिक्षण योग्य मशीनें जोड़ें।

सिखाने योग्य मशीन में, इमेज प्रोजेक्ट विकल्प चुनें:

https://teachablemachine.withgoogle.com/train

मोड को प्रशिक्षित करने के लिए, हमने दो वर्ग (पेन अप, पेन डाउन) बनाए। कदम आसान हैं। वेब कैमरा का उपयोग करके एक वर्ग और मॉडल बनाएं। प्रशिक्षण से आउटपुट इस तरह दिखता है:

टीएम में इमेज प्रोजेक्ट मॉडल का प्रशिक्षण।

इसके बाद, हमने मॉडल को एक्सपोर्ट किया और URL को कॉपी किया।

स्ट्रेच में, टीचेबल मशीन एक्सटेंशन (TM2Scratch) जोड़ें।

छवि वर्गीकरण मॉडल URL ब्लॉक को मुख्य प्रोग्राम (कोड) पर खींचें और "माउस डाउन?" "छवि है___" ब्लॉक के साथ ।

मॉडल URL में प्रशिक्षित शिक्षण योग्य मशीन लिंक जोड़ें । अनुमान को पेन डाउन पर सेट करें।

टीएम के साथ पेन एट्रिब्यूट्स का अपडेटेड कोड

सब कुछ फॉलो करने के बाद हम इस नतीजे पर पहुंचे हैं।

अंतिम कोड यहाँ डाउनलोड करें:https://drive.google.com/drive/folders/1w4FAdF74Uw74eZG-Fia1GtEOUkHMYfJU?usp=sharing

क्रेडिट

कोडिंग: ईशान गुप्ता और अनंत पैट्रिक

विचार, अवधारणा, विचार-मंथन और योजना: ईशान गुप्ता और वेदाक्षी अग्रवाल

सामग्री प्रलेखन: ईशान गुप्ता और वेदाक्षी अग्रवाल

और यह हो गया! इतना आसान, है ना।

यहां अपना समय बिताने के लिए धन्यवाद।❤