टेम्पलेट से गेम कैसे बनाएँ: शुरुआती के लिए 7 कदम

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

यह गाइड उसी रास्ते को सात कदमों में चलती है, हमारे अपने टेम्पलेट के आइटम पेजों और मैनुअल से असली फ़ाइलों के नाम लेकर, ताकि खरीदने से पहले आप देख सकें कि "लेवल बदलो" का मतलब क्या है। यह उन लोगों के लिए लिखी गई है जिन्होंने कभी गेम नहीं भेजा: एक शिक्षक, एक मार्केटर, या एक वेब डेवलपर जो पहली बार गेम आज़मा रहा है। जहाँ किसी कदम में Node.js या कोड एडिटर चाहिए, वहाँ हम यह साफ़ बताते हैं।

टेम्पलेट से गेम कैसे बनाएँ: सात कदम

1. ऐसा टेम्पलेट चुनें जो आपके सपने के गेम के करीब हो।
2. डेमो तब तक खेलें जब तक हर स्क्रीन पहचानने न लगें।
3. मैनुअल पढ़ें और उसमें लिखी फ़ाइलें ढूँढें।
4. टेक्स्ट और भाषाएँ बदलें।
5. कला और ब्रांड बदलें।
6. लेवल, शब्द या नियम बदलें।
7. टेस्ट करें, फिर गेम होस्ट करें या उसे ऐप में लपेटें।

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

शुरुआत के लिए गेम टेम्पलेट देखें

कदम 1: अपने विचार के करीब टेम्पलेट चुनें

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

• खिलाड़ी क्या करता है? जोड़े टैप करना, शब्द ट्रेस करना, शॉट लगाना, टुकड़े छाँटना। वह टेम्पलेट चुनें जिसकी मुख्य क्रिया मेल खाए।
• आप उसे कैसे बदलेंगे? कुछ संस्करणों में ज़्यादातर बदलाव एक सेटिंग फ़ाइल में होते हैं; कुछ TypeScript प्रोजेक्ट हैं जिन्हें आप रीबिल्ड करते हैं। आइटम पेज बताता है कि कौन सा है।
• वह कहाँ चलेगा? हमारा हर संस्करण स्टैटिक वेबसाइट से चलता है। नेटिव ऐप और स्टोर पर प्रकाशन किसी भी संस्करण में शामिल नहीं हैं।

हमारी दुकान में सूची कीमत US$5 से US$59 तक है, और हर आइटम पेज पर लाइव डेमो और "इस संस्करण में शामिल नहीं" नाम की एक सूची है। विशेषताओं जितनी ही ध्यान से उस सूची को पढ़ें।

कदम 2: डेमो को टेस्टर की तरह खेलें

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

फ़ोन पर भी खेलें। अगर आपके खिलाड़ी फ़ोन इस्तेमाल करेंगे, तो फ़ोन पर डेमो ही टेम्पलेट की असली परीक्षा है, लैपटॉप पर डेमो नहीं।

Tenguin का डेमो आज़माएँ, एक नंबर-जोड़ी पज़ल

कदम 3: पैकेज खोलें और मैनुअल पढ़ें

टेम्पलेट एक फ़ोल्डर है, कोई प्रोग्राम नहीं जिसे आप इंस्टॉल करें। हमारे पैकेजों में वही हिस्से मिलते हैं, जिनका वर्णन हर आइटम पेज पर है:

• game/: होस्ट होने के लिए तैयार गेम, जिसमें index.html, कलाकृति, ऑडियो और फ़ॉन्ट हैं। यही ऑनलाइन जाता है।
• Source: पढ़ा जा सकने वाला कोड जिसे आप बदलते हैं। कुछ संस्करणों में, जैसे Ricopop, game/ की फ़ाइलें ही सोर्स हैं, बिना बिल्ड स्टेप के। दूसरों में, जैसे Gridspark, एक अलग सोर्स फ़ोल्डर है जिसे आप game/ में रीबिल्ड करते हैं।
• Documentation: चित्रों वाला मैनुअल। Gridspark के मैनुअल में इंस्टॉलेशन, कस्टमाइज़ेशन, 20 FAQ और समस्या-निवारण हैं; Ricopop और Zabum में START-HERE.txt भी है।
• THIRD-PARTY-LICENSES: फ़ॉन्ट और लाइब्रेरी की सूचनाएँ। हमारी शर्तें कहती हैं कि आप इन्हें अपने उत्पाद के साथ रखें।

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

कदम 4: पहले टेक्स्ट और भाषाएँ बदलें

टेक्स्ट कम जोखिम के साथ फ़ाइलों का ढाँचा सिखाते हैं। हमारे आइटम पेजों से असली उदाहरण:

• Gridspark: इंटरफ़ेस का टेक्स्ट src/locales.js में है।
• Pinloop, Trimora और Twirldrop: इंटरफ़ेस का टेक्स्ट i18n.ts में है, और brand.ts गेम का नाम रखता है।
• Bodoku: टेक्स्ट src/i18n के शब्दकोशों में है, और पेज चेतावनी देता है कि इंटरपोलेशन वाले प्लेसहोल्डर अपनी जगह पर रहने दें।
• Golazo: टेक्स्ट भाषा-शब्दकोशों में है और टीमें teams.js में।

प्लेसहोल्डर ही जाल हैं। "Level {n} complete" जैसी पंक्ति में {n} हर भाषा में ठीक वैसा ही रहना चाहिए। उसके आसपास के शब्द बदलें, कोष्ठक कभी नहीं।

भाषाएँ भी चुनाव का हिस्सा हैं। हमारे ज़्यादातर संस्करण 14 इंटरफ़ेस भाषाओं के साथ आते हैं; Letter River, Plop और Zabum में 3 हैं। किसी भाषा को हटाना आसान है, जोड़ना नहीं, और जोड़ने का मतलब है हर पंक्ति का अनुवाद, सिर्फ़ मेन्यू का नहीं।

कदम 5: कला और ब्रांड बदलें

लाइसेंस white label की अनुमति देता है: आप Polar Games का नाम और लोगो अपने से बदल सकते हैं, और अपने उत्पाद के अंदर कोड, कला और ऑडियो बदल सकते हैं। यह कैसे होगा, यह संस्करण पर निर्भर है।

• Tenguin: ज़्यादातर सेटिंग एक फ़ाइल में है, tenguin.config.js, index.html के बगल में: शीर्षक, लोगो का पथ, एक्सेंट रंग, डिफ़ॉल्ट भाषा, इनाम और कीमतें। एक मान बदलें, फ़ाइल अपलोड करें, रीलोड करें। कोई बिल्ड नहीं।
• Bodoku और Frogdoku: कलाकृति src/art/manifest.ts में घोषित है।
• Pinloop: brand.ts में शीर्षक, रंग, 30 लक्ष्य और 12 बैकड्रॉप हैं; ध्वनि और संगीत public/audio में हैं।
• Ricopop: संगीत और इफ़ेक्ट MP3 फ़ाइलें हैं जिन्हें आप बदल सकते हैं, और ricopop.config.js टैप-से-शुरू स्क्रीन और फ़ुल-स्क्रीन बटन नियंत्रित करता है।

जो फ़ाइल आप बदल रहे हैं, उसका इमेज आकार और फ़ॉर्मेट वही रखें। मूल से दोगुना चौड़ा लोगो मेन्यू को ऐसे खिसका देगा जिसका कोड ने अनुमान नहीं लगाया था।

Pinloop और उसकी brand.ts फ़ाइल देखें

कदम 6: लेवल, शब्द या नियम बदलें

यहीं आपका गेम बाकी सबकी कॉपी जैसा दिखना बंद करता है। टेस्टिंग टूल यहीं सबसे ज़्यादा मदद करते हैं।

• Ricopop: 50 लेवल src/levels.js में टेक्स्ट नक्शे हैं। वैकल्पिक टूल node tools/validate.mjs जाँचता है कि नक्शा बदलने के बाद हर लेवल अब भी जीता जा सकता है।
• Letter River: शब्द और सुराग source/words/en.js, pt.js और es.js में हैं, और पज़ल जनरेशन source/js/levels.js में। node test/check.js शब्द सूचियों और हर भाषा के 80 लेवल की जाँच करता है।
• Deepforge: चैम्बर, चुनाव, संतुलन और टेक्स्ट source/src/data/chambers.ts में हैं।
• Gridspark: नियम के स्थिरांक और रंग पैलेट src/config.js में हैं, और पज़ल के नियम game.js, board.js, generator.js और shapes.js में।

नियम सबसे जोखिम भरा बदलाव है। एक समय में एक संख्या बदलें, तीन राउंड खेलें, फिर अगली। अगर गेम गलत लगे, तो अपनी "original" कॉपी पर लौटें और मिलाएँ।

Letter River देखें, संपादन योग्य शब्द सूचियों वाला शब्द पज़ल

कदम 7: टेस्ट करें, फिर होस्ट करें या लपेटें

फ़ाइल पर डबल-क्लिक करके नहीं, लोकल सर्वर पर टेस्ट करें

हमारे कई आइटम पेज साफ़ कहते हैं कि गेम file:// से नहीं चलता, वह पता जो आपको index.html पर डबल-क्लिक करने से मिलता है। इसकी जगह लोकल वेब सर्वर से टेस्ट करें: कई कोड एडिटरों में एक होता है, और Ricopop के वैकल्पिक डेवलपर टूल में भी है। TypeScript में लिखे संस्करणों को रीबिल्ड के लिए Node.js चाहिए: उदाहरण के लिए Gridspark npm test और npm run build चलाता है ताकि खेलने योग्य फ़ाइलें game/ में कॉपी हों; Pinloop dist/ में बनाता है, जिसे आप game/ में कॉपी करते हैं।

होस्ट करें

game/ की सामग्री किसी भी स्टैटिक HTTP(S) होस्ट पर अपलोड करें। खेलने के लिए हमारे संस्करणों को PHP या डेटाबेस नहीं चाहिए; Zabum और Ricopop में वैकल्पिक PHP लीडरबोर्ड हैं, डिफ़ॉल्ट रूप से बंद। हर फ़ोल्डर को index.html के बगल में रखें, जैसा मैनुअल कहते हैं।

या इसे ऐप के रूप में लपेटें

Capacitor जैसे टूल वेब गेम को Android या iOS प्रोजेक्ट के अंदर रखते हैं। Capacitor का शुरुआती पेज बिल्ड किए गए वेब एसेट्स का एक फ़ोल्डर माँगता है, जिसकी जड़ में index.html हो, फिर npx cap add android और npx cap add ios से प्लेटफ़ॉर्म जोड़ता है, और npx cap sync से फ़ाइलें कॉपी करता है। यह किसी शुरुआती के पहले हफ़्ते से एक कदम आगे है, और हमारे किसी भी संस्करण में नेटिव बिल्ड या स्टोर प्रकाशन शामिल नहीं है; उस काम का कोट हम अलग से देते हैं।

1. कदम 2 की सूची की हर स्क्रीन आपका टेक्स्ट और कला दिखाती है।
2. रीलोड के बाद भी प्रगति बची रहती है।
3. गेम फ़ोन पर उस ओरिएंटेशन में चलता है जिसकी आप उम्मीद करते हैं।
4. THIRD-PARTY-LICENSES की सूचनाएँ अब भी फ़ाइलों के साथ हैं।
5. आप बता सकते हैं कि आपने क्या बदला, फ़ाइल-दर-फ़ाइल।

लाइसेंस आपको आपके गेम के साथ क्या करने देता है

हर खरीद एक अंतिम उत्पाद के लिए स्थायी, गैर-exclusive लाइसेंस देती है, आपके या एक ग्राहक के लिए। खिलाड़ी उसे मुफ़्त में या विज्ञापन-कमाई के ज़रिए इस्तेमाल कर सकते हैं। आप कोड, कला और ऑडियो बदल सकते हैं, और हमारा नाम और लोगो बदल सकते हैं। आप टेम्पलेट, उसका कोड या उसकी एसेट्स को अकेले, टेम्पलेट, किट या एसेट पैक के रूप में दोबारा बेच या बाँट नहीं सकते। सपोर्ट 6 महीने चलता है, या एक्सटेंशन के साथ 12 महीने, और फ़ाइलें इंस्टॉल करने व इस्तेमाल करने और दोहराए जा सकने वाले दोषों को कवर करता है। कस्टमाइज़ेशन और नए फ़ीचर अलग सेवाएँ हैं, जिनका काम से पहले कोट दिया जाता है।

पूरी लाइसेंस शर्तें पढ़ें

अक्सर पूछे जाने वाले प्रश्न

क्या मैं बिना कोडिंग जाने गेम बना सकता हूँ?

बिना कोड के भी आप बहुत कुछ बदल सकते हैं: टेक्स्ट, रंग, छवियाँ और कुछ सेटिंग्स सादी फ़ाइलों में हैं। Tenguin ज़्यादातर सेटिंग एक कॉन्फ़िग फ़ाइल में रखता है। TypeScript संस्करण में नियम या लेवल बदलने के लिए बुनियादी कोड पढ़ने की समझ और रीबिल्ड के लिए Node.js चाहिए।

मुझे क्या इंस्टॉल करना होगा?

जिन संस्करणों में बिल्ड स्टेप नहीं है, जैसे Ricopop और Golazo, उनके लिए एक कोड एडिटर और एक ब्राउज़र काफ़ी है। TypeScript संस्करणों को रीबिल्ड के लिए Node.js और npm चाहिए; हर आइटम पेज उसका वर्शन बताता है।

क्या मैं टेम्पलेट से बनाया गेम बेच या प्रकाशित कर सकता हूँ?

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

index.html खोलने पर मेरा गेम खाली पन्ना क्यों दिखाता है?

आम तौर पर इसलिए कि उसे file:// से खोला गया। मैनुअल में बताए अनुसार उसे लोकल वेब सर्वर से चलाएँ या होस्ट पर अपलोड करें।

इसमें कितना समय लगता है?

यह इस पर निर्भर है कि आप कितना बदलते हैं। टेक्स्ट और लोगो एक दिन में हो सकते हैं; नए लेवल, कला और नियम में ज़्यादा समय लगता है। टेक्स्ट से शुरू करें, एक टेस्ट संस्करण प्रकाशित करें, और बाकी दौर-दर-दौर जोड़ें।

एक गेम से शुरू करें

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

सभी गेम टेम्पलेट देखें

बदलावों का कोट माँगें