न्यूग्राउंड्स और कोंग्रेगेट जैसी साइटों पर देखे जाने वाले ब्राउज़र-आधारित वीडियो गेम के लिए फ्लैश एक लोकप्रिय प्रारूप है। जबकि बढ़ते मोबाइल ऐप्स के सामने फ्लैश प्रारूप धीरे-धीरे कम उपयोग किया जा रहा है, फिर भी इसके साथ कई गुणवत्ता वाले गेम बनाए जा रहे हैं। फ्लैश एक्शनस्क्रिप्ट का उपयोग करता है, जो सीखने में आसान भाषा है जो आपको अपनी स्क्रीन पर वस्तुओं पर नियंत्रण प्रदान करती है। यह विकिहाउ आर्टिकल आपको सिखाएगा कि कैसे एक बेसिक फ़्लैश गेम बनाना सीखें।
कदम
3 का भाग 1: प्रक्रिया शुरू करना
चरण 1. अपना गेम डिज़ाइन करें।
इससे पहले कि आप कोडिंग शुरू करें, इससे आपको यह अंदाजा लगाने में मदद मिलेगी कि आप अपने गेम को क्या करना चाहते हैं। फ्लैश सरल खेलों के लिए सबसे उपयुक्त है, इसलिए एक ऐसा गेम बनाने पर ध्यान केंद्रित करें जिसमें खिलाड़ी के लिए चिंता करने के लिए केवल कुछ यांत्रिकी हों। प्रोटोटाइप शुरू करने से पहले एक बुनियादी शैली और कुछ यांत्रिकी को ध्यान में रखने की कोशिश करें। वीडियो गेम विकास के नियोजन चरणों के बारे में अधिक जानकारी के लिए यह मार्गदर्शिका देखें। आम फ़्लैश गेम्स में शामिल हैं:
- अंतहीन धावक: ये खेल स्वचालित रूप से चरित्र को आगे बढ़ाते हैं, और खिलाड़ी बाधाओं पर कूदने या अन्यथा खेल के साथ बातचीत करने के लिए जिम्मेदार होता है। जब नियंत्रण की बात आती है तो खिलाड़ी के पास आमतौर पर केवल एक या दो विकल्प होते हैं।
- ब्रॉलर: ये आम तौर पर साइड स्क्रॉलिंग होते हैं और प्रगति के लिए दुश्मनों को हराने के साथ खिलाड़ी को काम देते हैं। खिलाड़ी के चरित्र में अक्सर कई चालें होती हैं जो वे दुश्मनों को हराने के लिए कर सकते हैं।
- पहेलियाँ: ये खेल खिलाड़ी को प्रत्येक स्तर को पार करने के लिए पहेलियों को हल करने के लिए कहते हैं। ये मैच -3 शैली जैसे कि बेजवेल्ड से लेकर अधिक जटिल पहेली समाधान तक हो सकते हैं जो आमतौर पर साहसिक खेलों में पाए जाते हैं।
- आरपीजी: ये खेल चरित्र विकास और प्रगति पर ध्यान केंद्रित करते हैं, और खिलाड़ी को विभिन्न प्रकार के दुश्मन के साथ कई वातावरणों के माध्यम से आगे बढ़ते हैं। आरपीजी से आरपीजी में लड़ाकू यांत्रिकी बेतहाशा भिन्न होते हैं, लेकिन कई बारी-आधारित होते हैं। आरपीजी को एक साधारण एक्शन गेम की तुलना में कोड करना काफी कठिन हो सकता है।
चरण 2. जानें कि फ्लैश किस चीज में श्रेष्ठ है।
2डी गेम के लिए फ्लैश सबसे उपयुक्त है। फ्लैश में 3डी गेम बनाना संभव है, लेकिन यह बहुत उन्नत है और इसके लिए भाषा के महत्वपूर्ण ज्ञान की आवश्यकता होती है। लगभग हर सफल फ़्लैश गेम 2D रहा है।
फ़्लैश गेम्स भी त्वरित सत्रों के लिए सबसे उपयुक्त हैं। ऐसा इसलिए है क्योंकि अधिकांश फ़्लैश गेम खिलाड़ी तब खेलते हैं जब उनके पास थोड़ा खाली समय होता है, जैसे कि ब्रेक पर, जिसका अर्थ है कि गेमिंग सत्र आमतौर पर 15 मिनट या उससे कम के होते हैं।
चरण 3. अपने आप को एक्शनस्क्रिप्ट3 (एएस3) भाषा से परिचित कराएं।
फ़्लैश गेम्स AS3 में प्रोग्राम किए जाते हैं, और गेम को सफलतापूर्वक बनाने के लिए आपको कुछ बुनियादी समझ की आवश्यकता होगी कि यह कैसे काम करता है। आप AS3 में कोड कैसे करें, इसकी मूल समझ के साथ एक सरल गेम बना सकते हैं।
बड़ी संख्या में ट्यूटोरियल और उदाहरणों के साथ, अमेज़ॅन और अन्य स्टोर्स पर एक्शनस्क्रिप्ट के बारे में कई किताबें उपलब्ध हैं।
चरण 4. फ्लैश प्रोफेशनल डाउनलोड करें।
इस प्रोग्राम में पैसे खर्च होते हैं, लेकिन यह फ़्लैश प्रोग्राम को तेज़ी से बनाने का सबसे अच्छा तरीका है। ओपन-सोर्स विकल्पों सहित अन्य विकल्प उपलब्ध हैं, लेकिन उनमें अक्सर संगतता की कमी होती है या समान कार्यों को पूरा करने में अधिक समय लगता है।
फ़्लैश प्रोफेशनल एकमात्र ऐसा प्रोग्राम है जिसकी आपको गेम बनाना शुरू करने की आवश्यकता होगी।
3 का भाग 2: एक बुनियादी खेल लिखना
चरण 1. AS3 कोड के बुनियादी निर्माण खंडों को समझें।
जब आप एक बुनियादी गेम बना रहे होते हैं, तो कई अलग-अलग कोड संरचनाएं होती हैं जिनका आप उपयोग कर रहे होंगे। किसी भी AS3 कोड के तीन मुख्य भाग होते हैं:
-
वेरिएबल - इस प्रकार आपका डेटा संग्रहीत किया जाता है। डेटा संख्याएं, शब्द (स्ट्रिंग), ऑब्जेक्ट और बहुत कुछ हो सकता है। चर कोड var द्वारा परिभाषित किए गए हैं और एक शब्द होना चाहिए।
वर खिलाड़ी स्वास्थ्य: संख्या = १००; // "var" दर्शाता है कि आप एक वेरिएबल को परिभाषित कर रहे हैं। // "खिलाड़ी स्वास्थ्य" चर नाम है। // "नंबर" डेटा का प्रकार है। // "100" वेरिएबल को सौंपा गया मान है। // सभी एक्शनस्क्रिप्ट लाइनें ";" के साथ समाप्त होती हैं
-
इवेंट हैंडलर - इवेंट हैंडलर होने वाली विशिष्ट चीजों की तलाश करते हैं, और फिर बाकी प्रोग्राम को बताते हैं। यह खिलाड़ी इनपुट और दोहराने वाले कोड के लिए आवश्यक है। इवेंट हैंडलर आमतौर पर फ़ंक्शन पर कॉल करते हैं।
addEventListener (माउसइवेंट। क्लिक करें, स्विंगस्वर्ड); // "addEventListener ()" ईवेंट हैंडलर को परिभाषित करता है। // "माउसइवेंट" इनपुट की वह श्रेणी है जिसके लिए सुनी जा रही है। // ". CLICK" माउसइवेंट श्रेणी में विशिष्ट घटना है। // "स्विंगस्वॉर्ड" वह फ़ंक्शन है जिसे घटना होने पर कहा जाता है।
-
फ़ंक्शन - किसी कीवर्ड को असाइन किए गए कोड के अनुभाग जिन्हें बाद में कॉल किया जा सकता है। फ़ंक्शंस आपके गेम के अधिकांश प्रोग्रामिंग को संभालते हैं, और जटिल गेम में सैकड़ों फ़ंक्शन हो सकते हैं जबकि सरल गेम में केवल कुछ ही हो सकते हैं। वे किसी भी क्रम में हो सकते हैं क्योंकि वे केवल तभी काम करते हैं जब उन्हें बुलाया जाता है।
समारोह स्विंगस्वॉर्ड (ई:माउसइवेंट):शून्य; {//आपका कोड यहां जाता है} // "फ़ंक्शन" वह कीवर्ड है जो प्रत्येक फ़ंक्शन की शुरुआत में दिखाई देता है। // "स्विंगस्वॉर्ड" फ़ंक्शन का नाम है। // "ई: माउसइवेंट" एक अतिरिक्त पैरामीटर है, यह दर्शाता है कि फ़ंक्शन // को ईवेंट श्रोता से कहा जाता है। // ": शून्य" वह मान है जो फ़ंक्शन द्वारा लौटाया जाता है। यदि कोई मान // वापस नहीं किया जाता है, तो उपयोग करें: शून्य।
चरण 2. एक वस्तु बनाएँ।
फ्लैश में वस्तुओं को प्रभावित करने के लिए एक्शनस्क्रिप्ट का उपयोग किया जाता है। एक गेम बनाने के लिए, आपको ऐसे ऑब्जेक्ट बनाने होंगे जिनसे खिलाड़ी इंटरैक्ट करेगा। आप जो गाइड पढ़ रहे हैं, उसके आधार पर वस्तुओं को स्प्राइट्स, एक्टर्स या मूवी क्लिप कहा जा सकता है। इस सरल खेल के लिए, आप एक आयत बना रहे होंगे।
- यदि आपने पहले से फ्लैश प्रोफेशनल नहीं खोला है तो खोलें। एक नया एक्शनस्क्रिप्ट 3 प्रोजेक्ट बनाएं।
- टूल्स पैनल से रेक्टेंगल ड्रॉइंग टूल पर क्लिक करें। फ्लैश प्रोफेशनल के कॉन्फ़िगरेशन के आधार पर यह पैनल अलग-अलग स्थानों पर हो सकता है। अपनी दृश्य विंडो में एक आयत बनाएं।
- चयन उपकरण का उपयोग करके आयत का चयन करें।
चरण 3. ऑब्जेक्ट को गुण असाइन करें।
अपने नव निर्मित आयत के चयन के साथ, संशोधित मेनू खोलें और "प्रतीक में कनवर्ट करें" चुनें। आप शॉर्टकट के रूप में F8 भी दबा सकते हैं। "कन्वर्ट टू सिंबल" विंडो में, ऑब्जेक्ट को आसानी से पहचाने जाने योग्य नाम दें, जैसे "दुश्मन"।
- गुण विंडो खोजें। जब आप इस पर होवर करेंगे तो विंडो के शीर्ष पर "इंस्टेंस नेम" लेबल वाला एक रिक्त टेक्स्ट फ़ील्ड होगा। इसे वैसे ही नाम दें जैसे आपने इसे एक प्रतीक ("दुश्मन") में परिवर्तित करते समय किया था। यह एक अद्वितीय नाम बनाता है जिसे AS3 कोड के माध्यम से इंटरैक्ट किया जा सकता है।
- प्रत्येक "उदाहरण" एक अलग वस्तु है जो कोड से प्रभावित हो सकती है। आप लाइब्रेरी टैब पर क्लिक करके और इंस्टेंस को सीन पर खींचकर पहले से बनाए गए इंस्टेंस को कई बार कॉपी कर सकते हैं। हर बार जब आप एक जोड़ते हैं, तो नाम बदल दिया जाएगा कि यह एक अलग वस्तु है ("दुश्मन", "दुश्मन 1", "दुश्मन 2", आदि)।
- जब आप कोड में वस्तुओं को संदर्भित करते हैं, तो आपको बस उदाहरण नाम का उपयोग करने की आवश्यकता होती है, इस मामले में "दुश्मन"।
चरण 4. जानें कि आप किसी इंस्टेंस के गुणों को कैसे बदल सकते हैं।
एक बार जब आप एक उदाहरण बना लेते हैं, तो आप AS3 के माध्यम से गुणों को समायोजित कर सकते हैं। यह आपको ऑब्जेक्ट को स्क्रीन के चारों ओर ले जाने, उसका आकार बदलने, आदि करने देता है। आप इंस्टेंस टाइप करके गुणों को समायोजित कर सकते हैं, उसके बाद एक अवधि "।", उसके बाद गुण, उसके बाद मान:
- शत्रु.x = १५०; यह एक्स-अक्ष पर दुश्मन वस्तु की स्थिति को प्रभावित करता है।
- शत्रु.y = १५०; यह Y-अक्ष पर शत्रु वस्तु की स्थिति को प्रभावित करता है। Y-अक्ष की गणना दृश्य के शीर्ष से की जाती है।
- शत्रु.घूर्णन = ४५; दुश्मन की वस्तु को 45° दक्षिणावर्त घुमाता है।
- दुश्मन.स्केलएक्स = 3; दुश्मन वस्तु की चौड़ाई को 3 के कारक से बढ़ाता है। A (-) संख्या वस्तु को पलट देगी।
- दुश्मन.स्केलवाई = ०.५; वस्तु को उसकी आधी ऊंचाई तक निचोड़ता है।
चरण 5. ट्रेस () कमांड की जांच करें।
यह कमांड विशिष्ट वस्तुओं के लिए वर्तमान मान लौटाएगा, और यह निर्धारित करने के लिए उपयोगी है कि क्या सब कुछ उसी तरह चल रहा है जैसे उसे करना चाहिए। आप अपने अंतिम कोड में ट्रेस कमांड को शामिल नहीं करना चाहेंगे, लेकिन यह डिबगिंग के लिए उपयोगी है।
चरण 6. उपरोक्त जानकारी का उपयोग करके एक बुनियादी खेल बनाएं।
अब जब आपको मुख्य कार्यों की बुनियादी समझ है, तो आप एक ऐसा गेम बना सकते हैं जहां हर बार जब आप उस पर क्लिक करते हैं, तब तक दुश्मन का आकार बदल जाता है, जब तक कि वह स्वास्थ्य से बाहर न हो जाए।
वर दुश्मन एचपी: संख्या = १००; // शुरुआत में दुश्मन के एचपी (स्वास्थ्य) को 100 पर सेट करता है। वर खिलाड़ी हमला: संख्या = 10; // जब वे क्लिक करते हैं तो खिलाड़ी हमले की शक्ति सेट करते हैं। दुश्मन। एडवेन्ट लिस्टनर (माउसइवेंट। क्लिक करें, हमला करें); // इस फ़ंक्शन को सीधे दुश्मन ऑब्जेक्ट में जोड़कर, // फ़ंक्शन केवल तभी होता है जब ऑब्जेक्ट स्वयं // क्लिक किया जाता है, स्क्रीन पर कहीं भी क्लिक करने के विपरीत। सेटएनेमीलोकेशन (); // यह दुश्मन // को स्क्रीन पर रखने के लिए निम्न फ़ंक्शन को कॉल करता है। यह तब होता है जब खेल शुरू होता है। फ़ंक्शन सेटएनेमीलोकेशन (): शून्य {शत्रु.x = 200; // दुश्मन को स्क्रीन के बाईं ओर से 200 पिक्सल तक ले जाता है दुश्मन.y = 150; // दुश्मन को स्क्रीन के ऊपर से १५० पिक्सल नीचे ले जाता है दुश्मन। रोटेशन = ४५; // दुश्मन को 45 डिग्री क्लॉकवाइज ट्रेस ("दुश्मन का एक्स-वैल्यू है", दुश्मन। एक्स, "और दुश्मन का वाई-वैल्यू है", दुश्मन। वाई); // डिबगिंग के लिए दुश्मन की वर्तमान स्थिति को प्रदर्शित करता है } फंक्शन अटैकएनेमी (ई: माउसइवेंट): शून्य // एचपी मूल्य से हमले के मूल्य को घटाता है, // जिसके परिणामस्वरूप नया एचपी मूल्य होता है। दुश्मन.स्केलएक्स = दुश्मनएचपी / १००; // नए HP मान के आधार पर चौड़ाई बदलें। // इसे दशमलव में बदलने के लिए इसे 100 से विभाजित किया जाता है। दुश्मन.स्केलवाई = दुश्मनएचपी / १००; // नए एचपी वैल्यू ट्रेस ("दुश्मन है", दुश्मन एचपी, "एचपी बाएं") के आधार पर ऊंचाई बदलता है; // आउटपुट कितना एचपी दुश्मन ने छोड़ा है}
चरण 7. इसे आज़माएं।
एक बार कोड बनाने के बाद, आप अपने नए गेम का परीक्षण कर सकते हैं। कंट्रोल मेनू पर क्लिक करें और टेस्ट मूवी चुनें। आपका खेल शुरू हो जाएगा, और आप शत्रु वस्तु का आकार बदलने के लिए उस पर क्लिक कर सकते हैं। आपके ट्रेस आउटपुट आउटपुट विंडो में प्रदर्शित होंगे।
3 का भाग 3: उन्नत तकनीक सीखना
चरण 1. जानें कि पैकेज कैसे काम करते हैं।
एक्शनस्क्रिप्ट जावा पर आधारित है, और एक समान पैकेज सिस्टम का उपयोग करता है। पैकेज आपको अलग-अलग फ़ाइलों में चर, स्थिरांक, फ़ंक्शन और अन्य जानकारी संग्रहीत करने की अनुमति देते हैं, और फिर इन फ़ाइलों को अपने प्रोग्राम में आयात करते हैं। ये विशेष रूप से उपयोगी होते हैं यदि आप किसी ऐसे पैकेज का उपयोग करना चाहते हैं जिसे किसी और ने विकसित किया है जो आपके गेम को बनाने में आसान बना देगा।
जावा में पैकेज कैसे काम करते हैं, इस बारे में अधिक जानकारी के लिए यह मार्गदर्शिका देखें।
चरण 2. अपने प्रोजेक्ट फ़ोल्डर्स बनाएँ।
यदि आप एक से अधिक छवियों और ध्वनि क्लिप के साथ एक गेम बना रहे हैं, तो आप अपने गेम के लिए एक फ़ोल्डर संरचना बनाना चाहेंगे। यह आपको अपने विभिन्न तत्वों को आसानी से संग्रहीत करने की अनुमति देगा, साथ ही कॉल करने के लिए विभिन्न पैकेजों को संग्रहीत करेगा।
- अपने प्रोजेक्ट के लिए एक बेस फोल्डर बनाएं। मूल फ़ोल्डर में, आपके पास अपनी सभी कला संपत्तियों के लिए एक "img" फ़ोल्डर, आपकी सभी ध्वनि संपत्तियों के लिए एक "snd" फ़ोल्डर और आपके सभी गेम पैकेज और कोड के लिए एक "src" फ़ोल्डर होना चाहिए।
- अपनी कॉन्स्टेंट फ़ाइल को संग्रहीत करने के लिए "src" फ़ोल्डर में एक "गेम" फ़ोल्डर बनाएँ।
- यह विशेष संरचना आवश्यक नहीं है, लेकिन विशेष रूप से बड़ी परियोजनाओं के लिए आपके काम और सामग्री को व्यवस्थित करने का एक आसान तरीका है। ऊपर बताए गए सरल खेल के लिए, आपको कोई निर्देशिका बनाने की आवश्यकता नहीं होगी।
चरण 3. अपने खेल में ध्वनि जोड़ें।
ध्वनि या संगीत के बिना एक खेल जल्दी से खिलाड़ी के लिए उबाऊ हो जाएगा। आप परत टूल का उपयोग करके फ्लैश में ऑब्जेक्ट में ध्वनि जोड़ सकते हैं। अधिक विवरण के लिए यह मार्गदर्शिका देखें।
चरण 4. एक स्थिरांक फ़ाइल बनाएँ।
यदि आपके गेम में बहुत सारे मूल्य हैं जो पूरे गेम में समान रहेंगे, तो आप उन सभी को एक ही स्थान पर संग्रहीत करने के लिए एक कॉन्स्टेंट फ़ाइल बना सकते हैं ताकि आप उन पर आसानी से कॉल कर सकें। स्थिरांक में गुरुत्वाकर्षण, खिलाड़ी की गति और किसी भी अन्य मूल्य जैसे मान शामिल हो सकते हैं जिन्हें आपको बार-बार कॉल करने की आवश्यकता हो सकती है।
-
यदि आप एक कॉन्स्टेंट फ़ाइल बनाते हैं, तो इसे आपके प्रोजेक्ट में एक फ़ोल्डर में रखना होगा और फिर पैकेज के रूप में आयात करना होगा। उदाहरण के लिए, मान लें कि आप एक कॉन्स्टेंट.as फ़ाइल बनाते हैं और उसे अपनी गेम निर्देशिका में रखते हैं। इसे आयात करने के लिए, आप निम्न कोड का उपयोग करेंगे:
पैकेज {आयात खेल।*; }
चरण 5. अन्य लोगों के खेल देखें।
हालांकि कई डेवलपर अपने गेम के लिए कोड प्रकट नहीं करेंगे, लेकिन कई तरह के प्रोजेक्ट ट्यूटोरियल और अन्य ओपन प्रोजेक्ट हैं जो आपको कोड देखने की अनुमति देंगे और यह गेम ऑब्जेक्ट्स के साथ कैसे इंटरैक्ट करता है। यह कुछ उन्नत तकनीकों को सीखने का एक शानदार तरीका है जो आपके खेल को अलग दिखाने में मदद कर सकती हैं।
