प्रचार में रंग खेल प्रोग्रामिंग

• मई 19, 2024

पिछले ट्यूटोरियल में, हमने iBooks लेखक के लिए एक कलरिंग गेम के लिए इमेजेस को इम्पोर्ट किया^आर कि हम हाइप प्रो में बना रहे हैं। अब हम खेल में सहभागी तत्वों को जोड़ेंगे।

अपना Hype दस्तावेज़ खोलें और शुरू करें।

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

1. आइडेंटिटी इंस्पेक्टर खोलें।
   
   
2. मेन टाइमलाइन में duck_body_line लेयर का चयन करें।
   
   
3. आइडेंटिटी इंस्पेक्टर में, एक यूनिक एलिमेंट आईडी जोड़ें। की आईडी का उपयोग करते हैं तन.
   
   
4. Duck_wing_line लेयर का चयन करें और जोड़ें विंग यूनिक एलिमेंट आईडी के रूप में।
   
   
5. Duck_beak_line लेयर का चयन करें और जोड़ें चोंच यूनिक एलिमेंट आईडी के रूप में।
   
   

अब जब परतों में विशिष्ट तत्व आईडी हैं, तो हम इन परतों में कार्रवाई जोड़ सकते हैं। हम इन परतों की दृश्यता को नियंत्रित करने के लिए जावास्क्रिप्ट और प्रदर्शन संपत्ति का उपयोग करेंगे। किसी छवि के लिए डिफ़ॉल्ट प्रदर्शन गुण मान है पंक्ति में, जिसका अर्थ है कि छवि HTML के बाकी हिस्सों के भीतर प्रदर्शित होती है और एक नई लाइन पर शुरू नहीं होती है।

छवियों को छिपाने के लिए हम प्रदर्शन गुण मान को बदलने के लिए जावास्क्रिप्ट का उपयोग करेंगे पंक्ति में सेवा कोई नहीं प्रत्येक पंक्ति कला परतों के लिए। यह नीचे रंग भरने की परतों को प्रकट करेगा।

object.style.display = "कोई नहीं"

1. क्रियाएँ निरीक्षक खोलें।
   
   
2. Duck_body_line लेयर का चयन करें।
   
   
3. माउस पर क्लिक करें (टैप करें) अनुभाग में, प्लस आइकन पर क्लिक करें।
   
   
4. एक्शन ड्रॉप-डाउन मेनू में, रन जावास्क्रिप्ट चुनें।
   
   
5. क्योंकि यह एक कस्टम जावास्क्रिप्ट होगा, फंक्शन ड्रॉप-डाउन मेनू को न्यू फंक्शन पर सेट करें। यह डिफ़ॉल्ट जावास्क्रिप्ट कोड और अनटाइटलफंक्शन नामक फ़ंक्शन के साथ एक नई टैब विंडो खोलेगा।
   
   
6. से फ़ंक्शन नाम बदलें untitledFunction सेवा BodyFunction। आपको टैब परिवर्तन का नाम बॉडीफंक्शन () दिखाई देगा।
   
   आगे हम डिस्प्ले प्रॉपर्टी को सेट करने के लिए कोड जोड़ेंगे कोई नहीं के लिए तन तत्व। खाली लाइन 5 पर निम्न कोड जोड़ें।
   
   hypeDocument.getElementById ("बॉडी")। style.display = "कोई नहीं";
   
   
7. बिना शीर्षक वाले दृश्य टैब विंडो पर वापस जाएं और duck_wing_line लेयर का चयन करें।
   
   
8. फ़ंक्शन का नाम बदलने के लिए पिछले चरण को दोहराएं WingFunction और निम्नलिखित जावास्क्रिप्ट जोड़ें।
   
   hypeDocument.getElementById ("विंग")। style.display = "कोई नहीं";
   
   
9. Duck_beak_line लेयर का चयन करें, फ़ंक्शन का नाम बदलें BeakFunction और निम्नलिखित जावास्क्रिप्ट जोड़ें।
   
   hypeDocument.getElementById ("Beak")। style.display = "none";
   
   बस। ब्राउज़र में परीक्षण करते हैं। अगर सब ठीक हो जाता है, तो परियोजना को iBooks लेखक विजेट के रूप में निर्यात करें।
   
   
10. मेनू से, फ़ाइल पर क्लिक करें - HTML5 के रूप में निर्यात करें - डैशबोर्ड / iBooks लेखक विजेट।
    
    

वीडियो निर्देश: Khesari Lal Live Show। khesari lal holi song । Live Performance । Rang Rasiya (मई 2024).