AI से मल्टीप्लेयर ब्राउज़र गेम कैसे बनाएं (बिना कोड)

AI से मल्टीप्लेयर ब्राउज़र गेम बनाने के लिए नियम, खिलाड़ियों की संख्या, राउंड और स्कोरिंग का तरीका और मनचाहा लुक बताइए। WisyLink गेम को वेब पेज के रूप में बनाता है, जिसमें लाइव रूम, ऑनलाइन खिलाड़ियों की सूची और रीयलटाइम स्कोर होते हैं। हाई स्कोर लीडरबोर्ड में सेव होते हैं और खिलाड़ी किसी भी ब्राउज़र में एक लिंक खोलकर जुड़ते हैं।

• विवरण से बनने वाले ब्राउज़र गेम आर्केड और पज़ल से लेकर बारी-बारी वाले बोर्ड गेम, लाइव ट्रिविया और 3D सीन तक कुछ भी हो सकते हैं।
• मल्टीप्लेयर से रूम, “कौन-कौन जुड़ा है” की सूची और साझा लाइव स्थिति मिलती है, पर टेस्ट करने की चीज़ें भी बढ़ती हैं। इसे तभी चुनें जब खिलाड़ी सच में साथ खेलते हों।
• जवाब जांचने और अंक देने का काम सर्वर को सौंपें। खिलाड़ियों के ब्राउज़र सिर्फ़ चालें भेजें, स्कोर नहीं।
• अपना आर्ट, म्यूज़िक और 3D मॉडल लाएं (हर फ़ाइल 25 MB तक) या कोड से बनी वेक्टर आर्ट मांगें। AI से इमेज या म्यूज़िक नहीं बनता।
• खिलाड़ी किसी भी फ़ोन या लैपटॉप पर लिंक या QR कोड से जुड़ते हैं, कुछ इंस्टॉल नहीं करना पड़ता। इवेंट से पहले असली Wi-Fi पर पूरे साइज़ की रिहर्सल करें।

ब्राउज़र में कौन-से गेम बन सकते हैं?

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

WisyLink के अपने उदाहरण प्रॉम्प्ट से पैमाने का अंदाज़ा मिलता है: पावर-अप और लेवल वाला नियॉन ब्रिक ब्रेकर, प्रति मिनट शब्दों की लाइव गिनती वाला टाइपिंग स्पीड टेस्ट, 3D में पलटते कार्ड वाला मेमोरी गेम और एक इंटरैक्टिव 3D पार्टिकल गैलेक्सी। नीचे की टेबल आम गेम टाइप और हर एक में साफ़-साफ़ बताने वाली बातें दिखाती है:

सिंगल-प्लेयर बनाम रीयल-टाइम मल्टीप्लेयर

सिंगल-प्लेयर गेम हर खिलाड़ी के अपने ब्राउज़र में चलता है; सर्वर सिर्फ़ वह सेव करता है जो टिकना चाहिए, जैसे स्कोर। रीयल-टाइम मल्टीप्लेयर में कई ब्राउज़र एक ही लाइव गेम स्थिति साझा करते हैं: जब एक खिलाड़ी जवाब देता है, चाल चलता है या ड्रॉ करता है, तो बाकी सबको वह पल भर में दिख जाता है।

मल्टीप्लेयर तब काम का है जब मज़ा साथ खेलने में हो: पूरी क्लास जवाब देने की होड़ में, अलग-अलग कमरों में बैठे दो दोस्त बोर्ड गेम खेलते हुए, या बड़ी स्क्रीन पर वोट करती भीड़। इसकी कीमत है ज़्यादा टेस्टिंग, क्योंकि जुड़ना, निकलना, दोबारा कनेक्ट होना, लैग और निष्पक्षता, सब जांचना पड़ता है। मुकाबले जैसा अहसास देने वाले कई गेम साझा लीडरबोर्ड वाले सिंगल-प्लेयर गेम के रूप में ही अच्छे चलते हैं: हर कोई अकेले, जब चाहे खेलता है और बाद में स्कोर मिलाता है। यह बनाने में आसान है, और किसी को रूम भरने का इंतज़ार नहीं करना पड़ता।

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

बनाएं: लाइव ट्रिविया गेम का प्रॉम्प्ट टेम्पलेट

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

1. फ़ॉर्मेट तय करें। होस्ट स्क्रीन होगी या नहीं? कितने सवाल, हर सवाल कितनी देर, अंक कैसे मिलेंगे। यह प्रॉम्प्ट से पहले तय कर लें; लोगों के खेल लेने के बाद स्कोरिंग बदलना गड़बड़ पैदा करता है।
2. सवालों को एक फ़ाइल में तैयार करें। CSV के रूप में सेव की गई स्प्रेडशीट, जिसमें सवाल, चार विकल्प और सही विकल्प के कॉलम हों, जांचने और बाद में बदलने में आसान रहती है। इसे अपने मैसेज के साथ अटैच करें।
3. ब्रीफ़ भेजें। नीचे दिया टेम्पलेट अपने हिसाब से बदलें। Wisy पहले एक छोटा सवाल पूछ सकता है, फिर बिल्ड शुरू करता है।
4. दो-तीन डिवाइस से खेलकर देखें। अपने फ़ोन और लैपटॉप से जुड़ें, सही और गलत दोनों जवाब दें, निकलकर दोबारा जुड़ें, और खेल के बीच में देर से जुड़कर भी देखें।
5. जो दिखा, उसे बताकर ठीक कराएं। “दोबारा जुड़ने पर मेरा स्कोर शून्य हो गया; लौटने वाले खिलाड़ियों का स्कोर बचाकर रखें।” हर सुधार एक नया बिल्ड है।
6. पूरे साइज़ में रिहर्सल करें। असली सेशन से पहले एक राउंड उतने खिलाड़ियों के साथ चलाएं जितने आने की उम्मीद है, उसी नेटवर्क पर जो वे इस्तेमाल करेंगे।

ब्रीफ़, जिसमें बदलने वाले हिस्से ब्रैकेट में हैं:

[मेरी 9वीं कक्षा की साइंस कोचिंग क्लास] के लिए एक लाइव ट्रिविया गेम बनाएं। दो व्यू हों: प्रोजेक्टर के लिए होस्ट स्क्रीन और फ़ोन के लिए प्लेयर व्यू। होस्ट गेम शुरू करे और होस्ट स्क्रीन पर 4 अक्षरों का रूम कोड, जुड़ने का लिंक और उसका QR कोड दिखे। खिलाड़ी सिर्फ़ निकनेम से जुड़ें, कोई अकाउंट नहीं। होस्ट देख सके कि कौन जुड़ा है और किसी खिलाड़ी को हटा सके। सवालों के लिए अटैच की गई CSV इस्तेमाल करें (सवाल, चार विकल्प, सही विकल्प)। हर सवाल [20] सेकंड दिखे; खिलाड़ी चार रंगीन जवाबों में से एक पर टैप करें। जवाब सर्वर जांचे और अंक दे [सही जवाब पर 1,000 अंक, धीमे जवाब पर 500 तक कम]। हर सवाल के बाद होस्ट स्क्रीन पर सही जवाब और टॉप 5 दिखें, और हर खिलाड़ी के फ़ोन पर उसकी रैंक। आखिरी सवाल के बाद विजेताओं का पोडियम दिखे और फ़ाइनल स्कोर एक ऑल-टाइम लीडरबोर्ड पेज पर सेव हों। खिलाड़ी सवालों के बीच जुड़ सकें, और जिसका फ़ोन दोबारा कनेक्ट हो, उसका स्कोर बना रहे। चटक, हाई-कॉन्ट्रास्ट लुक, जो कमरे की आखिरी बेंच से भी पढ़ा जा सके।

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

रूम, प्रेज़ेंस और लाइव स्कोर

अंदर से देखें तो WisyLink का मल्टीप्लेयर गेम लाइव चैनल इस्तेमाल करता है, आमतौर पर हर रूम का एक चैनल। तीन बातें समझ लें, तो प्रॉम्प्ट में बताने लायक ज़्यादातर चीज़ें कवर हो जाती हैं:

रूम

रूम कोड एक क्लास या एक टेबल को दूसरी से अलग रखता है। ऐसा छोटा कोड मांगें जिसे लोग टाइप कर सकें, साथ में एक लिंक और QR कोड जो कोड अपने-आप भर दे।

प्रेज़ेंस

“कौन ऑनलाइन है” की सूची। खिलाड़ी जुड़ते ही दिखते हैं और निकलने या सिग्नल जाने पर हट जाते हैं, ताकि होस्ट जाने कि कब शुरू करना है। निकनेम खिलाड़ी खुद टाइप करते हैं, इसलिए क्लास के लिए होस्ट के पास किसी खिलाड़ी को हटाने का बटन मांगें।

लाइव स्टेट

कौन-सा सवाल दिख रहा है, कितना समय बचा है, कितने जवाब आए, किसके कितने अंक। हर बदलाव के पल भर में खिलाड़ियों की स्क्रीन अपडेट हो जाती है।

दो डिज़ाइन फ़ैसले तय करते हैं कि गेम सिर्फ़ डेमो में चलेगा या असली क्लास में भी टिकेगा:

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

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

हाई स्कोर और लीडरबोर्ड सेव करना

लीडरबोर्ड बस सेव किया गया डेटा है: हर स्कोर का एक रिकॉर्ड, सबसे अच्छे स्कोर से क्रम में। WisyLink साइटें रिकॉर्ड अपने अलग डेटा स्टोरेज में रखती हैं, और एक साथ खत्म हुए गेम एक-दूसरे का स्कोर नहीं मिटाते। प्रॉम्प्ट में ये बातें तय करें:

• कौन-से बोर्ड। ऑल-टाइम, इस हफ़्ते का या हर इवेंट का अलग। साप्ताहिक बोर्ड नए खिलाड़ियों का जोश बनाए रखता है; ऑल-टाइम बोर्ड पुराने खिलाड़ियों को इनाम देता है।
• कौन गिना जाएगा। निकनेम जल्दी बनते हैं, पर “राहुल” नाम कोई भी ले सकता है। अगर बार-बार आने वाले खिलाड़ियों का स्कोर उनके नाम पर पक्का रहना चाहिए, तो साइन-अप और लॉगिन मांगें; साइट अपने अकाउंट खुद चलाती है, और ईमेल वेरिफ़िकेशन के लिए इंटीग्रेशन में आपका अपना ईमेल (SMTP) अकाउंट चाहिए।
• सिर्फ़ मुमकिन स्कोर। सिंगल-प्लेयर गेम में स्कोर खिलाड़ी के ब्राउज़र में गिना जाता है, इसलिए सर्वर से कहें कि नामुमकिन नतीजे (दो सेकंड में परफ़ेक्ट रन) रिजेक्ट करे और एक खिलाड़ी से प्रति मिनट कुछ ही सबमिशन ले।
• लाइव या लगभग लाइव। नया स्कोर आने के लगभग एक मिनट के अंदर लीडरबोर्ड पेज विज़िटर के लिए अपडेट हो जाता है। अगर बड़ी स्क्रीन पर बोर्ड उसी पल बदलना चाहिए, तो मांगें कि वह गेम के चैनल से लाइव अपडेट हो।

आर्ट और साउंड: आपकी अपनी फ़ाइलें या कोड से बनी वेक्टर आर्ट

WisyLink AI से इमेज, म्यूज़िक या वीडियो नहीं बनाता। गेम को उसका लुक तीन तरीकों से मिलता है:

• कोड से बनी वेक्टर आर्ट। आकार, आइकन, चमकते कण और नियॉन इफ़ेक्ट गेम का कोड ही बनाता है, और ये हर स्क्रीन साइज़ पर साफ़ दिखते हैं। ब्रिक ब्रेकर, मेमोरी कार्ड और ट्रिविया स्क्रीन के लिए बढ़िया।
• आपकी अपनी फ़ाइलें। स्प्राइट, स्प्राइट शीट, बैकग्राउंड, फ़ॉन्ट, MP3 म्यूज़िक और साउंड इफ़ेक्ट, या .glb, .gltf और .fbx फ़ॉर्मेट में 3D मॉडल अपलोड करें। हर फ़ाइल 25 MB तक हो सकती है। सिर्फ़ वही एसेट इस्तेमाल करें जिनके अधिकार आपके पास हैं, जैसे अपना आर्ट या दोबारा इस्तेमाल के लाइसेंस वाले पैक।
• स्टॉक फ़ोटो। बैकड्रॉप या सवाल की तस्वीर के लिए ठीक, किरदारों के लिए नहीं।

साउंड के लिए ब्राउज़र का एक नियम जानना काम का है: खिलाड़ी के पेज पर टैप या क्लिक करने से पहले ब्राउज़र आमतौर पर ऑडियो रोक देते हैं (देखें MDN की ऑटोप्ले गाइड, अंग्रेज़ी में)। एक “शुरू करने के लिए टैप करें” स्क्रीन मांगें जो साउंड चालू करे, और म्यूट बटन भी, क्योंकि कई खिलाड़ी क्लासरूम या ऑफ़िस में होंगे।

शेयर करना: लिंक, QR कोड, सोशल कार्ड

हर गेम का अपना पता होता है, https://<id>.wisylink.com, या आपका अपना डोमेन। खिलाड़ियों को लाने के तीन तरीके:

• लिंक। इसे क्लास के WhatsApp ग्रुप, इवेंट के ईमेल या स्ट्रीम के विवरण में डालें। इवेंट कर रहे हैं? गेम को इवेंट के पेज से लिंक करें; साइन-अप वाला हिस्सा AI से इवेंट RSVP पेज बनाने की गाइड में है।
• QR कोड। किसी हॉल या कमरे के लिए होस्ट स्क्रीन पर QR कोड बनवाएं, या पोस्टर और स्लाइड के लिए किसी भी QR जनरेटर से लिंक का QR बना लें। इसे तभी प्रिंट करें जब आखिरी पता तय हो जाए, क्योंकि गेम को अपने डोमेन पर ले जाने से उसका पता बदल जाता है।
• सोशल कार्ड। हर साइट को पहले बिल्ड पर अपनी शेयर इमेज और फ़ेविकॉन मिलते हैं, इसलिए मैसेजिंग ऐप में लिंक का प्रीव्यू ठीक दिखता है। प्रॉम्प्ट में गेम का साफ़ टाइटल और विवरण दें, क्योंकि वे भी प्रीव्यू में दिखते हैं।

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

ये ब्राउज़र गेम क्या नहीं हैं

सीमाएं पहले से जान लें, तो एक दोपहर बर्बाद होने से बचती है:

• App Store या Google Play गेम नहीं। नतीजा एक वेब पेज है। खिलाड़ी उसे ब्राउज़र से होम स्क्रीन पर जोड़ सकते हैं, पर न स्टोर लिस्टिंग है, न इन-ऐप खरीदारी।
• विशाल ऑनलाइन दुनिया नहीं। डिज़ाइन एक क्लास, एक टीम या इवेंट की भीड़ के लिए है, किसी स्थायी दुनिया में एक साथ हज़ारों खिलाड़ियों के लिए नहीं।
• तेज़ रफ़्तार शूटर नहीं। लाइव अपडेट पल भर में पहुंचते हैं, जो ट्रिविया, बोर्ड गेम और ड्रॉइंग के लिए काफ़ी है, पर जिन गेम में खिलाड़ियों के बीच सेकंड के अंश तक की निष्पक्षता चाहिए, उन्हें अलग गेम सर्वर चाहिए।
• दुनिया चलाने वाला सर्वर नहीं। गेम लूप खिलाड़ियों के ब्राउज़र में चलता है; सर्वर रिक्वेस्ट का जवाब देता है और नतीजे सेव करता है। बैकग्राउंड जॉब होते हैं, पर वे 30 से 60 मिनट के अंतराल पर चलते हैं, जो रोज़ बदलने वाली पहेली के लिए ठीक है, मिनट-मिनट पर तय इवेंट के लिए नहीं।

3D इसके दायरे में है: घूमकर देखे जा सकने वाले WebGL सीन, प्रोडक्ट दिखाने वाले व्यूअर और अंतरिक्ष की उड़ानें, सब ब्राउज़र में चलते हैं। जनरेट किया गया आउटपुट कैसे घूमने लायक जगह बनता है, इसकी बड़ी तस्वीर के लिए पढ़ें प्रॉम्प्ट से दुनिया।

अपना गेम बताएं और खेलने लायक लिंक पाएं

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