24a2 की सरलता के साथ अपनी गेम देव यात्रा शुरू करें

आप जैसे पाठक MUO का समर्थन करने में मदद करते हैं। जब आप हमारी साइट पर लिंक का उपयोग करके खरीदारी करते हैं, तो हम संबद्ध कमीशन अर्जित कर सकते हैं। अधिक पढ़ें।

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

मेरे पास एक पिल्ला कहाँ मिलेगा

गेम लूप, रंगीन ग्राफिक्स और सरल इनपुट के समर्थन के साथ, 24a2 में वह सब कुछ है जो आपको न्यूनतम प्रयास के साथ छोटे गेम बनाने के लिए चाहिए।

24a2 देखें और आज ही पूर्ण गेम विकास की ओर अपनी यात्रा शुरू करें।

24a2 क्या है?

24a2 एक छोटा, ओपन-सोर्स इंजन है जो आपको बुनियादी गेम बनाने में मदद करता है। यह सीखना बहुत आसान है और आपको अपना गेम बनाने के लिए केवल एक वेब ब्राउज़र और एक टेक्स्ट एडिटर की आवश्यकता है।

24a2 इसका नाम इसके रिज़ॉल्यूशन से लेता है: 24 x 24। अन्य की तुलना में भी PICO-8 जैसे न्यूनतर इंजन , इसके 128 x 128 रिज़ॉल्यूशन के साथ, यह छोटा है! 24a2 गोलाकार 'पिक्सेल' का उपयोग करता है, उनके बीच बड़े अंतराल के साथ, इसलिए यह काफी विशिष्ट दिखता है।

दो हरे क्षेत्रों के बीच में एक रास्ते पर खिलाड़ी के साथ एक बुनियादी स्कीइंग खेल दिखाया गया है।

आप शायद अगले स्मैश हिट वीडियो गेम के साथ आने के लिए 24a2 का उपयोग नहीं करेंगे, लेकिन वास्तव में यह बात नहीं है। 24a2 शुरुआती लोगों के लिए एकदम सही है, और आप इसका उपयोग खेल के विकास के पीछे की कुछ मूलभूत अवधारणाओं को सीखने के लिए कर सकते हैं।

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

और तो और, 24a2 सोर्स कोड है a सिंगल टाइपस्क्रिप्ट फ़ाइल . आप इसे प्रेरणा के लिए उपयोग कर सकते हैं, या अपना खुद का, अधिक उन्नत गेम इंजन बनाने के लिए इसे संशोधित भी कर सकते हैं।

आप 24a2 का उपयोग कैसे करते हैं?

अपने खेल के लिए एक मूल टेम्पलेट के साथ प्रारंभ करें:

 <html> 
  <head> 
    <script 
      src="https://cdn.jsdelivr.net/gh/jamesroutley/24a2/build/engine.js"> 
    </script> 
    <script src="game.js"></script> 
  </head> 
  <body></body> 
</html>

ध्यान दें कि यह स्रोत के लिए सामग्री वितरण नेटवर्क (cdn.jsdelivr.net) का उपयोग कैसे करता है इंजन.जेएस फ़ाइल, इसलिए आपको कुछ भी डाउनलोड या इंस्टॉल करने की आवश्यकता नहीं है।

दूसरी स्क्रिप्ट, game.js , आपके अपने गेम कोड के लिए है। सब कुछ ठीक से काम करता है यह जांचने के लिए पूर्ण न्यूनतम कामकाजी कोड से शुरू करें:

new Game({}).run();

यह छोटा प्रोग्राम आपके वेब ब्राउज़र में डिफ़ॉल्ट 24a2 ग्रिड प्रदर्शित करेगा:

हल्के स्लेटी वृत्तों का डिफ़ॉल्ट 24x24 ग्रिड जो 24a2 बनाता है's playfield.

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

कुछ आवश्यक कार्य हैं जिन्हें आप परिभाषित कर सकते हैं और Game() कंस्ट्रक्टर के माध्यम से पास कर सकते हैं कॉन्फ़िग वस्तु।

 let config = { 
  create: create, 
  update: update, 
  onKeyPress: onKeyPress, 
  onDotClicked: onDotClicked 
}; 
 
let game = new Game(config); 
game.run();

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

 function create(game) {}

अपडेट फ़ंक्शन आपके गेम की अवधि के लिए समय-समय पर चलता है। यह है मुख्य खेल पाश जो, अन्य इंजनों में, आमतौर पर गेम स्टेट को अपडेट करने और स्क्रीन को फिर से बनाने के लिए अलग-अलग चरण होते हैं। 24a2 के साथ, आप इस फ़ंक्शन में दोनों परिचालनों को संभाल लेंगे।

 function update(game) {}

अंत में, इनपुट पर कब्जा करने के लिए, आप तीर कुंजी प्रेस, माउस क्लिक या दोनों को संभालना चाहेंगे। जब खिलाड़ी तीर कुंजी दबाता है तो 24a2 आपके onKeyPress फ़ंक्शन को एक दिशा देता है। यदि वे अपने माउस का उपयोग करके किसी बिंदु पर क्लिक करते हैं तो यह x और y निर्देशांक onDotClicked को पास करता है।

 function onKeyPress(direction) {} 
function onDotClicked(x, y) {}

आप 24a2 के साथ किस प्रकार का खेल बना सकते हैं?

24a2 साइट एक ट्यूटोरियल सहित तीन उदाहरण गेम शामिल हैं। अन्य जो यह दिखाता है वे एक साधारण स्नेक गेम और एक स्कीइंग चैलेंज हैं।

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

24MadRush एक टेट्रिस 'क्लोन' है जो रंग पैलेट का बहुत अच्छा उपयोग करता है। यह एक अभिनव खेलने योग्य ट्यूटोरियल के साथ भी शुरू होता है जो इसकी विशेषताओं को प्रदर्शित करता है।

24MadRush, नीचे की 4 पंक्तियों पर मिश्रित रंग डॉट्स के पैच के साथ एक फॉलिंग-ब्लॉक गेम।

24a2 गेम्स के तकनीकी विनिर्देश

डिज़ाइन के अनुसार 24a2 बहुत सीमित है। लेकिन यह रचनात्मकता के लिए एक उत्कृष्ट अवसर प्रदान करता है। में से एक अधिक रचनात्मक होने के लिए शीर्ष युक्तियाँ बाधाओं को गले लगाना है।

इसके सीमित रिज़ॉल्यूशन के अलावा, 24a2 आपको इन तक सीमित करता है:

सिर्फ नौ रंगों का एक रंग पैलेट: इंद्रधनुष प्लस काले और भूरे रंग में।
बहुत ही बुनियादी इनपुट: डॉट ग्रिड पर तीर कुंजी दबाता है और माउस क्लिक करता है।
मौन: संगीत या ध्वनि प्रभावों के लिए कोई समर्थन नहीं है।

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

24a2 के साथ खुद को बेहतर चीजों के लिए प्रेरित करें

24a2 के साथ खुद को परखने की कोशिश करें। एक क्लासिक गेम को फिर से बनाएं या अपना खुद का आविष्कार करें। टर्न-बेस्ड गेम्स, जैसे बोर्ड गेम्स, इंजन के साथ बहुत अच्छे से काम करेंगे।

यदि 24a2 गेम देव के लिए आपके जुनून को प्रज्वलित करता है, तो यात्रा जारी रखने के लिए बहुत सारे अवसर हैं। पीआईसीओ-8, गोडोट, यूनिटी और गेममेकर सभी लोकप्रिय विकल्प हैं।