फ्लैश तकनीक पूरी वेबसाइट और उसके व्यक्तिगत तत्वों दोनों को बनाना संभव बनाती है: मेनू, हेडर, और इसी तरह। आप अपने वेब पेज पर एक फ्लैश मैप जोड़ सकते हैं।
ज़रूरी
एडोब फ्लैश CS3
निर्देश
चरण 1
फ्लैश कार्ड के लिए ग्राफिक्स तैयार करें। ध्यान दें कि वेक्टर ग्राफिक्स अधिक कॉम्पैक्ट होते हैं और आपको एक छोटी फिल्म बनाने की अनुमति देते हैं। इसलिए, एडोब इलस्ट्रेटर जैसे वेक्टर छवि संपादक का उपयोग करके मानचित्र बनाएं। फ्लैश कार्ड बनाने के लिए परिणामी ग्राफिक फाइल को सेव करें।
चरण 2
Adobe Flash CS3 लॉन्च करें, फ़ाइल को दृश्य में आयात करें। मानचित्र की परतों को फ्लैश में बदलें, इसके लिए आयात करते समय वस्तुओं को मूल स्थिति में रखें फ़ील्ड के बगल में स्थित बॉक्स को चेक करें। उसके बाद, आप दृश्य पर वस्तुओं का एक सेट देखेंगे।
चरण 3
उन्हें संपादित करें - सीमाएँ जोड़ें। ऑब्जेक्ट पर डबल क्लिक करें, एडिट मोड डालें, फिर इंक बॉटल टूल को पकड़ें, बॉर्डर को बैकग्राउंड से अलग रंग से भरें। मानचित्र पर सभी वस्तुओं के लिए इस क्रिया को दोहराएं।
चरण 4
बनाई गई वस्तुओं को एकल वेक्टर छवि में परिवर्तित करें, इसके लिए ब्रेक अप ऑपरेशन का उपयोग करें। इसके बाद, वस्तुओं से क्लिप या स्प्राइट बनाएं, स्क्रिप्ट का उपयोग करके उस पर आवश्यक कार्रवाई करने के लिए प्रत्येक को एक नाम दें। क्षेत्रों की सीमाओं का चयन करें और उन्हें एक क्लिप में परिवर्तित करें, इसे उस परत पर रखें जो क्षेत्रों के साथ क्लिप के ऊपर है।
चरण 5
अपने कार्ड के लिए एक कोड लिखें, इसके लिए कार्ड के मुख्य हिस्सों को हाईलाइट करें। एक नियम के रूप में, ये क्षेत्र या क्षेत्र हैं, और उनका व्यवहार समान है। इसलिए, एक क्षेत्र वर्ग लिखें जो सभी वस्तुओं के व्यवहार को लागू करता है। इसके बाद, कक्षा को पुस्तकालय प्रतीकों के साथ संलग्न करें।
चरण 6
एक्सएमएल डेटा लोड करें, उनका उपयोग करके इंटरेक्टिव मानचित्र की वस्तुओं को प्रारंभ करें: क्षेत्रों को रंग दें, उन क्षेत्रों को सेट करें जो माउस क्लिक का जवाब देंगे। ऐसा करने के लिए, एक एक्सएमएल वर्ग के निर्माण का उपयोग करें जो डेटा फ़ाइल लोड करता है और इसे संसाधित करता है।
चरण 7
ग्राफिक्स के साथ फाइल में एक नई लेयर बनाएं, उसमें कोड डालें जो मैप को इनिशियलाइज़ करेगा: डेटा लोड करें, काम के लिए प्रदर्शित ऑब्जेक्ट तैयार करें। डाटा डाउनलोड करने के बाद कार्ड स्टार्ट हो जाएगा और काम करेगा। एक नमूना कोड https://richflash.org/2010/02/23/how-do-interactive-map-2/ पर देखा जा सकता है।
