फ्लैश CS3 ड्राइंग एपीआई, एक्शनस्क्रिप्ट 3, शेप क्लास

• मई 14, 2024

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

मैं अपने शुरुआती ट्यूटोरियल में OOP प्रोग्रामिंग और कक्षाओं के बारे में बहुत अधिक बात करने में संकोच करता हूं क्योंकि यह चीजों को और अधिक जटिल बनाता है। लेकिन यह ट्यूटोरियल एक अपवाद है। यह OOP वर्गों की मूल अवधारणा को पेश करने के लिए एकदम सही है। ActionScript में एक OOP वर्ग केवल सूचनाओं का एक पूर्वनिर्मित गुच्छा है, जिसे गुण और विधियां कहा जाता है। यह पूर्वनिर्मित जानकारी प्रोग्रामर को बहुत समय बचाता है जब एक्शनस्क्रिप्ट कोडिंग करता है क्योंकि यह आवश्यक नहीं है कि यह जानकारी हर प्रोग्राम में फिर से लिखी जाए जो एक विशिष्ट वर्ग के उपयोग के लिए कहता है।

इस ट्यूटोरियल में, हम आकृति वर्ग, इसकी पूर्वनिर्धारित ग्राफिक्स संपत्ति और इसके कई तरीकों का उपयोग करके मंच पर एक सरल वृत्त बनायेंगे।

ग्राफिक्स संपत्ति
लाइन शैली विधि
शुरुआत विधि
आहरण विधि
एंडफिल () विधि

हमारा पहला कदम टाइमलाइन पर एक एक्टेशन्स लेयर बनाना है, फ़्रेम 1 पर क्लिक करें और एक्शन पैनल खोलें (विंडो - एक्शन)। हमारी पहली पंक्ति कोड एक नया वैरिएबल बनाएगी जो सर्कल बनाए रखेगा।

var myCircle: आकृति = नया आकार ();

उपरोक्त कोड में, हम एक नया चर बना रहे हैं और इसे "myCircle" नाम दे रहे हैं। हम इस नए चर के लिए डेटा प्रकार सेट कर रहे हैं आकार। दूसरी तरफ, हम उपयोग कर रहे हैं नया आकार वर्ग का एक नया उदाहरण बनाने के लिए कीवर्ड।

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

myCircle.graphics.lineStyle (2, 0x000000);

ऊपर दिए गए कोड में, हम ग्राफिक्स प्रॉपर्टी की लाइन स्टाइल विधि के साथ स्ट्रोक मान सेट कर रहे हैं। हम पिक्सेल में स्ट्रोक की चौड़ाई का मान और षोडश आधारी मूल्य के साथ स्ट्रोक का रंग निर्धारित करेंगे। ऊपर, हमने अपने सर्कल के लिए स्ट्रोक को 2 पिक्सेल की चौड़ाई और काले रंग के लिए निर्धारित किया है।

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

myCircle.graphics.beginFill (0xff0000);

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

myCircle.graphics.drawCircle (100, 200, 50);

कोड की इस पंक्ति में, हम फ़्लैश को एक्स अक्ष के साथ मंच के ऊपरी बाएँ कोने से 100 पिक्सेल और वाई अक्ष के साथ 200 पिक्सेल के साथ खींचने के लिए कह रहे हैं। हमारे सर्कल में 50 का दायरा होगा। जब आप इन मूल्यों को निर्धारित करते हैं, तो उस क्रम का ध्यान रखें जिसमें आप उन्हें कोड में सूचीबद्ध करते हैं। आपका पहला मान X अक्ष के लिए होगा और दूसरा मान Y अक्ष के लिए है। तीसरा त्रिज्या के लिए है। यदि आप फ्लैश को इन मूल्यों को क्रम से बाहर कर देते हैं, तो आपको कुछ अप्रत्याशित परिणाम मिलेंगे।

अंत में, हमें अपने सर्कल को प्रदर्शन सूची में एक चाइल्ड डिस्प्ले ऑब्जेक्ट के रूप में जोड़ना होगा।

addChild (myCircle);

ओह, मैंने कोड की हमारी एक लाइन छोड़ दी! यद्यपि हमारा कोड काम करेगा, हमने एंडफिल () विधि को छोड़ दिया है जो ड्राइंग प्रक्रिया को "बंद" करेगा। यह वास्तव में आवश्यक नहीं है क्योंकि एंडफिल () स्वचालित रूप से कहा जाता है। लेकिन AddChild () से ठीक पहले इसे अपने कोड में जोड़ना अच्छा अभ्यास है।

myCircle.graphics.endFill ();

यहाँ पूरा कोड है।

कॉपीराइट 2018 एडोब सिस्टम्स शामिल। सभी अधिकार सुरक्षित। Adobe उत्पाद स्क्रीन शॉट (ओं) को Adobe सिस्टम शामिल से अनुमति के साथ पुनर्मुद्रित किया गया। Adobe, Photoshop, Photoshop एल्बम, Photoshop तत्व, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, आतिशबाजी, योगदान, कैप्टिनेट, फ्लैश कैटालिस्ट और फ्लैश पेपर संयुक्त राज्य अमेरिका और / या अन्य देशों में शामिल एडोब सिस्टम्स के या तो [/ a] पंजीकृत ट्रेडमार्क [s] या ट्रेडमार्क [s] हैं।

वीडियो निर्देश: फ़्लैश CS3 + CS4 ट्यूटोरियल navigateToURL - बाहरी पृष्ठ और फ़ाइल ActionScript 3.0 में लिंक करना (मई 2024).