MARIO.GAME
hi
डेव डायरी

पर्दे के पीछे: Mario.Game Adventure कैसे बना

हमने Mario.Game Adventure कैसे बनाया: कोड में बनी पिक्सेल आर्ट, क्लासिक एहसास देने वाली फ़िज़िक्स, Web Audio साउंडट्रैक और एक बॉट द्वारा टेस्ट किए गए आठ लेवल।

5 मिनट में पढ़ें

पर्दे के पीछे: Mario.Game Adventure कैसे बना

Mario.Game Adventure एक अकेली JavaScript फ़ाइल है — न कोई इंजन, न इमेज फ़ाइलें और न ही ऑडियो फ़ाइलें। आइए जानते हैं कि यह सब कैसे तैयार हुआ।

कोड में बनी पिक्सेल आर्ट

हर स्प्राइट — छोटे और बड़े रूप में हीरो, Walkers, Koopas, Spinies, Piranha Plants, बॉस, ब्लॉक, बादल और किले — सोर्स कोड में रंगों के अक्षरों की पंक्तियों के रूप में लिखा गया है, या छोटे शेप रूटीन से बनाया गया है। गेम शुरू होते ही इन्हें एक बार ऑफ़-स्क्रीन कैनवास पर बना लेता है, फिर हर फ़्रेम में स्क्रीन पर कॉपी करता है। हर वर्ल्ड का अपना पैलेट है: वही ईंटें ज़मीन के नीचे नीली, रात में बर्फ़ जैसी और किले में स्लेटी हो जाती हैं।

क्लासिक एहसास वाली फ़िज़िक्स

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

आठ लेवल, चार थीम

हर वर्ल्ड एक मुख्य नया विचार लाता है:

  1. World 1 — बुनियादी बातें: पाइप, गड्ढे, पावर-अप, फिर नीची छत वाली एक गुफ़ा।
  2. World 2 — ऐसे Spinies जिन्हें कुचला नहीं जा सकता, और बादलों में पहली चलती लिफ़्टें।
  3. World 3 — सब कुछ मिलाकर एक रात का लेवल, फिर बिना तल वाली खाई के ऊपर पेड़ों की चोटियाँ।
  4. World 4 — भीड़ भरी किले की राहें, फिर फ़ायर बार, लावा और बॉस वाला एक किला।

हर लेवल खेलने वाला बॉट

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

Web Audio से संगीत

साउंडट्रैक ब्राउज़र के Web Audio API का इस्तेमाल करने वाले एक छोटे सीक्वेंसर से लाइव बनता है: मेलोडी और बेस के लिए स्क्वेयर और ट्राएंगल वेव, और ड्रम के लिए नॉइज़। हर वर्ल्ड की अपनी मौलिक धुन है, साथ ही पावर-अप, फ़्लैग, गेम ओवर और फ़िनाले के लिए जिंगल भी हैं। जब टाइमर 100 पर पहुँचता है, तो टेम्पो तेज़ हो जाता है — बिल्कुल वैसे ही जैसी आप उम्मीद करेंगे।

खेलकर देखें

Mario.Game Adventure खेलें, या अगर कहीं अटक जाएँ तो सीधे हमारे वॉकथ्रू पर जाएँ।

और न्यूज़

साइट की खबरें

Mario.Game में आपका स्वागत है: आपके ब्राउज़र में मुफ़्त Mario-स्टाइल प्लेटफ़ॉर्मर

Mario.Game की शुरुआत एक ओरिजिनल 8-लेवल प्लेटफ़ॉर्मर, छह ओपन-सोर्स फ़ैन वर्ज़न, गाइड, हिस्ट्री टाइमलाइन और बहुत कुछ के साथ हो रही है।

3 मिनट में पढ़ें · 9 अक्टूबर 2026

गेम्स

छह ओपन-सोर्स Mario फैन गेम्स अब Mario.Game पर खेलने के लिए उपलब्ध

Infinite Mario Bros, MariOCaml, Super Mario Phaser, World 1-1 के दो रीमेक और एक लेवल एडिटर — Mario.Game पर मौजूद ओपन-सोर्स वर्ज़न और उन्हें बनाने वालों से मिलिए।

4 मिनट में पढ़ें · 9 अक्टूबर 2026

इतिहास

41 साल का Super Mario Bros.: 1985 का यह क्लासिक आज भी क्यों मायने रखता है

Super Mario Bros. 13 सितंबर 2026 को 41 साल का हो गया। जानिए कि इस NES क्लासिक को इतना प्रभावशाली किस चीज़ ने बनाया और इसके विचार आज के फ़ैन गेम्स में कैसे जीवित हैं।

5 मिनट में पढ़ें · 9 अक्टूबर 2026