ट्यूनिंग कैनाबाल्ट

मूल वर्तनी, चुटकुले और विराम चिह्न को संरक्षित करने का प्रयास किया गया था। और, हां, यह पोस्ट कैनाबाल्ट के निर्माता के एक लेख का अनुवाद है, मुझे नहीं लगता कि मैंने गेम बनाया है।



[इस लेख में कैनबाल्ट के फ्लैश संस्करण की तकनीकी विशेषताओं, अनुपात और आकारों पर चर्चा की गई है। पाठक, सावधान रहें, लेख में स्पॉइलर और बड़ी संख्या में नंबर हैं!]

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

आयाम

कैनाबाल्ट को विकसित करने के दौरान मेरा एक लक्ष्य एक ऐसा खेल बनाना था जिसमें तेज प्रतिक्रिया, एक ब्लेड के रूप में तेज, एक खेल की आवश्यकता होती है जो आपकी हथेलियों को पसीना देता है। ऐसे गेम को 2D में बनाना इतना आसान नहीं है। 3 डी गेम आपको लंबी दूरी पर, लंबी दूरी पर, उनके विपरीत, 2 डी गेम, एक नियम के रूप में, समान अनुभूतियां नहीं देते हैं। आप कैमरे को "पुश" कर सकते हैं ताकि खिलाड़ी अधिक देख सकें, लेकिन यदि आप ऐसा करते हैं, तो ऑब्जेक्ट धीमी हो जाएंगे।

खेल का दृश्य क्षेत्र 480 px चौड़ा और 160 px ऊंचा है। Canabalt का नियमित वेब संस्करण दोहरे आकार (960x320) में प्रदर्शित होता है, और MEGA असेंबली का रिज़ॉल्यूशन 3 गुना होता है। लेकिन खेल के अंदर 480x160 px के एक संकल्प के साथ काम करता है, आपको लेख की कुछ बारीकियों को समझने के लिए यह याद रखने की आवश्यकता है, क्योंकि वर्णित सभी आकारों और गति, जिस पर चर्चा की जाएगी, उसी तरह से px में इंगित किया जाएगा।

480x160 क्यों है? बस, इसने हमें वस्तुओं की गति के साथ समस्याओं से बचने में मदद की। इस तरह के आयाम खिलाड़ियों को अधिक प्रभावी ढंग से बाधाओं का जवाब देने में सक्षम होने के लिए काफी आगे देखने की अनुमति देते हैं, और एक शांत और कॉम्पैक्ट खिड़की का आकार भी बनाए रखते हैं जो गति की भावना पैदा करता है। वैसे, हम थोड़ी देर बाद गति के बारे में बात करेंगे!

खेल का दृश्य क्षेत्र 480x160 px हो सकता है, लेकिन Canabalt की दुनिया 0 से शुरू होती है और अनिश्चित काल तक चलती है, जबकि 320 px की ऊँचाई को बनाए रखती है। मैं वास्तव में पृष्ठभूमि में इमारतों के लिए लंबन प्रभाव बनाने के लिए थोड़ा ऊर्ध्वाधर स्क्रॉल छोड़ना चाहता था। आप देख सकते हैं कि वे कैसे ऊपर और नीचे चलते हैं, और यह "गहराई" की भावना पैदा करने में मदद करता है। जाहिर है, खिलाड़ी के लिए जितना अधिक ऊर्ध्वाधर स्थान होता है, उतना ही बेहतर होता है, इससे आप गिरती हुई वस्तुओं और बड़े घरों के मुखौटे बना सकते हैं। गिरने वाली वस्तुएँ पार्कौर / मुक्त रन की दुनिया में सबसे शानदार टुकड़ों में से एक हैं, इसलिए मैं वास्तव में उन्हें खेल में जोड़ना चाहता था।

एक चलने वाला व्यक्ति एक 24x24 पीएक्स स्प्राइट है, लेकिन इसका बाउंडिंग बॉक्स छोटा है। कमोबेश सभी इमारतें 16x16 पीएक्स ग्रिड में फिट होती हैं। स्क्रॉलिंग पृष्ठभूमि 3 चित्रों से बनाई गई 480x320 px। मैंने निकटतम पृष्ठभूमि परत के लिए 2 चित्रों का उपयोग किया। अतिरिक्त किस्म बनाने के लिए उन्हें 960 पीएक्स चौड़ा बनाना अधिक कुशल है। दूर की पृष्ठभूमि के लिए, मैंने 1 छवि का उपयोग किया और इसे धीरे-धीरे आगे बढ़ाया, क्योंकि यह एक कम ध्यान देने योग्य पृष्ठभूमि परत है।

फ्लिक्सल (फ्लैश लाइब्रेरी जिसके साथ कैनाबाल्ट विकसित किया गया था) वस्तुओं को एक "स्क्रॉल फैक्टर" ( स्क्रॉलफैक्टोर ) सौंपा जा सकता है, जो अन्य वस्तुओं की तुलना में वस्तुओं को कैसे स्थानांतरित करना चाहिए, यह प्रभावित करता है। इसका अर्थ है कि यदि वस्तुओं को (स्क्रॉलिंग फैक्टर) एक (1.1) मान के साथ सौंपा गया था, और उनकी स्थिति क्षैतिज रूप से 20 px द्वारा बदल गई, तो स्क्रीन पर उनकी स्थिति भी 20 px द्वारा बदल जाएगी। यदि "स्क्रॉलिंग फैक्टर" है (0.5, 1), तो इसका मतलब है कि स्थिति में इस बदलाव के साथ, दृष्टिगत रूप से ऑब्जेक्ट केवल 10x x द्वारा शिफ्ट हो जाएंगे। दूर की परतों के लिए, कैनबाल्ट में, "स्क्रॉलिंग फैक्टर" (0.15, 0.1) है, और निकट (0.4, 0.2) के लिए है। इस तरह के "समायोजन" आपको खिलाड़ी और अंतरिक्ष आक्रमणकारियों के बीच पृष्ठभूमि के खिलाफ कुछ दूरी बनाने की अनुमति देते हैं, इसके अलावा, हम यह सुनिश्चित कर सकते हैं कि यदि खिलाड़ी "सुपरसोनिक गति" तक पहुंचते हैं तो इमारतें हमें "एक सीटी के साथ उड़ान" नहीं देंगी।

खिलाड़ी

मेरा एक लक्ष्य कैनाबाल्ट में उन खेलों में एनीमेशन के समान एनीमेशन बनाने का था, जो मैं ( फ्लैशबैक और प्रिंस ऑफ पर्शिया ) के साथ बड़ा हुआ था। इन खेलों में बड़ी संख्या में फ्रेम के साथ यथार्थवादी रोटोस्कोपिक एनीमेशन का उपयोग किया गया था, प्रत्येक गेम की एक विशेष शैली थी, और इन खेलों में एनीमेशन शांत दिखे। कैनाबाल्ट में, एक दौड़ने वाले व्यक्ति के पास केवल 4 प्रकार के एनीमेशन होते हैं (चल रहा है, फिसलने, कूदने और गिरने), लेकिन इसके बावजूद, एनीमेशन में 38 फ़्रेम होते हैं, जिनमें से लगभग आधा एनीमेशन चलाने के लिए समर्पित है।

जैसा कि हमने पहले सीखा, कैनाबाल्ट में एक चल रहे व्यक्ति की छवि के आयाम 24x24 px हैं। तुलना के लिए, यह सुपर मारियो ब्रदर्स में एक नियमित मारियो के आकार की तुलना में ऊंचाई में थोड़ा बड़ा है । , लेकिन "सुपर" मारियो के आकार से थोड़ा छोटा है, और उन दोनों की तुलना में थोड़ा व्यापक है। यदि आप दूसरी तरफ से देखते हैं, तो चरित्र की ऊंचाई दुनिया के दृश्य भाग की ऊंचाई का लगभग 15% है। जैसा कि आप देख सकते हैं, चरित्र 24x24 आयत के पूरे स्थान का उपयोग नहीं करता है, इस स्थान का उपयोग छलांग के दौरान गिरने और हाथों को फेंकने के लिए किया जाता है। रनिंग मैन का "हिटबॉक्स" (ऑब्जेक्ट का "वास्तविक आकार" जिसके साथ गेम इंजन काम करता है) बहुत छोटा है, जिसकी मात्रा लगभग 12x14 px है। तस्वीर में आप देख सकते हैं कि "वास्तविक आकार" न केवल चरित्र के केंद्र में स्थित है, बल्कि इसकी निचली सीमा पर और थोड़ा बाईं ओर स्थानांतरित हो गया है।

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

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

अरे हाँ, मैं लगभग भूल गया, बाधाओं के हिटबॉक्स भी मज़ेदार दिखते हैं, वे ऊंचाई में केवल 2 पीएक्स हैं! =) यह भी खेल को सरल बनाता है, और उन क्षणों से बचा जाता है जब खिलाड़ी कहते हैं "क्या!" क्या बकवास है ... मुझे! मैं सामान्य रूप से इस ई ... बाधा! ट्विस्ट, एक अंतर नहीं! "

चरित्र आंदोलनों

जैसा कि हमने पहले कहा, स्क्रीन का आकार 480x160 px है। चरित्र की उच्चतम संभव गति 800 px प्रति सेकंड है, जो खेल इकाइयों में लगभग 80 मीटर प्रति सेकंड या लगभग 286 किमी प्रति घंटा है! यह बहुत तेज है। लेकिन इसके बावजूद, यह देखते हुए कि दृश्यमान क्षेत्र की चौड़ाई 480 px है, और चरित्र अपने बाएं किनारे पर स्थित है, खिलाड़ियों को उत्पन्न होने वाली बाधाओं का जवाब देने के लिए आधे से अधिक दूसरा (480/800) है। मेरी राय में, यह एक अच्छी खिड़की का आकार है, मेरी राय में, अप्रत्याशित घटनाओं पर प्रतिक्रिया करने के लिए लोगों को लगभग 0.3 सेकंड की आवश्यकता होती है। इसलिए, तकनीकी रूप से, यहां तक ​​कि सबसे बड़ी कठिनाई पर, लोग कैनाबाल्ट में खेल सकते हैं।

लेकिन खिलाड़ी 800 px / s की गति से दौड़ना शुरू नहीं करते हैं। शुरू से ही। खेल की शुरुआत में, गति 100 px / s है। खेल में एक चरित्र त्वरण वक्र भी होता है, इसलिए 0 से 100 px / s की गति से। त्वरण 100x50 px / s की गति से 50 px / s है। त्वरण 30 px / sec है। 250-400 px / sec की गति से, त्वरण 20 px / sec है, और 400-800 px / sec की गति से, त्वरण 10 px / sec है। सीधे शब्दों में कहें, जितनी तेजी से आप आगे बढ़ते हैं, उतनी ही धीमी गति से आप तेजी से आगे बढ़ते हैं। इसका मतलब है कि उच्चतम गति तक पहुंचने में बहुत समय लगता है, लेकिन आप बहुत तेज़ी से ठोकर खाने के बाद औसत गति प्राप्त कर सकते हैं। कैनाबाल्ट में, बाधाएं (कुर्सियां, बक्से, आदि) खिलाड़ी की गति को 30% तक कम करती हैं। यदि खिलाड़ी 300 px / सेकंड की गति से चलता है। (त्वरण 20 पीएक्स / सेकंड), फिर एक बाधा के साथ टक्कर के बाद, इसकी गति घटकर 210 पीएक्स / सेकंड हो जाएगी, और त्वरण 30 पीएक्स / सेकंड तक बढ़ जाएगा।

कैनाबाल्ट मजाकिया चरित्र के कूदने के नियमों का भी उपयोग करता है: जितनी अधिक बार आप जंप बटन दबाएंगे, उतनी ही ऊंची कूद होगी। यह एक टाइमर का उपयोग करके कार्यान्वित किया जाता है जो खिलाड़ी के कूदने का बटन दबाने पर उलटी गिनती शुरू करता है, और जब तक टाइमर समाप्त नहीं हो जाता है, या जब तक खिलाड़ी कूद बटन जारी नहीं करता है, तब तक हम चरित्र को 300 px / s की ऊर्ध्वाधर गति पर सेट करते हैं। (सटीक होने के लिए, गति को -300 पर सेट किया गया है, क्योंकि नकारात्मक मूल्यों का मतलब 2 डी गेम में "शीर्ष" है, लेकिन इसके साथ नरक करना है)।

लेकिन वह सब नहीं है! टाइमर की गति आपकी गति के आधार पर अलग-अलग होगी, आप जो धीमी गति से चलते हैं, टाइमर तेजी से समाप्त हो जाता है, चाहे आप कितनी भी बार जंप बटन दबाएं। इसकी मदद से, हमने इस तथ्य को हासिल कर लिया है कि चरित्र जितनी तेजी से चलता है, उतनी ही देर वह हवा में रहता है। अधिकतम टाइमर मान 0.35 सेकंड तक पहुंच सकता है। इसके अलावा, मैंने कूद के नियमों में एक और छोटा परिवर्तन जोड़ा: यदि हाल ही में टाइमर बनाया गया था (यदि बटन दबाए जाने के बाद 0.08 सेकंड से कम समय बीत चुका है), तो चरित्र की ऊर्ध्वाधर गति 200 px / s पर सेट की जाती है, न कि 300 xx / s । यह खिलाड़ियों को बहुत अधिक कूदने की अनुमति नहीं देता है यदि वे जल्दी से कूद बटन दबाते हैं, लेकिन एक ही समय में, यह अजीब नहीं लगता है अगर कूद बटन सामान्य कूद के लिए दबाया जाता है।

छत

यहां तक ​​कि जब खेल का प्रोटोटाइप अभी भी बहुत नया था, मुझे पूरा यकीन था कि छत का उपयोग खेल में किया जाएगा। यह विचार पूरी तरह से खेल के यांत्रिकी में फिट बैठता है। खेल के शुरुआती प्रोटोटाइप में, उनके बीच खाली जगह के साथ बड़ी हरी आयतों का उपयोग किया गया था, और मुझे एक सफेद आयत के स्थान पर एक रनिंग डूड, और हरे आयतों के स्थान पर इमारतों को देखने के लिए काफी कल्पना की। इस विचार के साथ वस्तुओं के आकार अच्छी तरह से फिट होते हैं। यही कारण है कि मैंने 16x16 पीएक्स टाइलों से मिलकर छतों, दीवारों और भराव की एक प्रणाली विकसित की है, जिसे इन सेटिंग्स की ग्राफिक आवश्यकताओं को पूरा करने के लिए विभिन्न तरीकों से दोहराया और संयोजित किया जा सकता है।

(फ़्लिक्सल उपयोगकर्ताओं के लिए ध्यान दें: मैंने FlxTilebock वर्ग के आधार पर एक कस्टम ऑब्जेक्ट बनाया, जिसने मुझे इमारतों के आंतरिक अनुभागों की यादृच्छिक टाइल प्रदान की, और साथ ही मुझे प्रत्येक ब्लॉक के किनारों पर उपयोग के लिए विशिष्ट टाइलों को कॉन्फ़िगर करने की अनुमति दी। अधिकांश इमारतों में 2 कस्टम FlxTileblocks ऑब्जेक्ट का उपयोग करते हुए, को छोड़कर। छत। गलियारों के साथ इमारतें, मेरी राय में, ऐसी 7 वस्तुओं से मिलकर)।

कई अन्य महत्वपूर्ण कैनाबाल्ट तत्वों की तरह, इमारतों में भी हिटबॉक्स सेटिंग्स होती हैं। इमारतें सिर्फ बड़ी आयतें हैं, लेकिन उनके पास एक छोटा (8 px, सटीक होना) जगह है जो दाईं ओर नीचे लटकती है। यह इंडेंटेशन इमारतों के आयामों में जोड़ा जाता है और इमारतों के "वास्तविक आकार" का निर्माण करता है, या, यदि आप इसे दूसरी तरफ से देखते हैं, तो इमारतों का आकार जो कि खेल "देखता है" है। यह उन लोगों के लिए खेल को सरल बनाने का एक और तरीका है, जो बटन को दबाते हैं, बस एक सेकंड के कुछ अंश बाद में आवश्यकता से अधिक दबाते हैं, वे इस छलांग लगाना चाहते हैं, लेकिन वे अभी थोड़ा देर कर रहे हैं, इसलिए हम "उनसे मिलने" और इसे थोड़ा सरल करने के लिए उन्हें एक खेल। ये सभी सेटिंग्स गेम से प्राप्त "फैन" को प्रभावित करती हैं।

निष्कर्ष में

मुझे उम्मीद है कि आपको यह लेख रोचक और उपयोगी लगा होगा! इसके अलावा, मैं यह जोड़ना चाहूंगा कि कैनाबाल्ट को विश्लेषणात्मक रूप से विकसित नहीं किया गया था, मैंने वस्तुओं के अनुपात के आधार पर चरित्र की आदर्श गति को मापा नहीं था जब मैं खेल विकसित कर रहा था। मैंने बस वही किया जो हम आमतौर पर करते हैं: मैंने बड़ी संख्या में मापदंडों को बदल दिया जब तक मुझे लगा कि खेल में सब कुछ अच्छा है। लेख में मैंने कम से कम कुछ कारणों के बारे में बात करने की कोशिश की, जिससे मैं इसे हासिल करने में सक्षम था। अगर मैं इसमें कामयाब होता हूं तो मुझे बहुत खुशी होगी।