Cocos2D-X और सभी उपकरणों पर इसे आसान बनाते हैं

कई सालों तक उन्होंने iOS के लिए कस्टम खिलौने बनाए। ऐसी परिस्थितियों में जब तेज करने का समय नहीं है, लेकिन आपको देखने की आवश्यकता है, आप Google पर जाएं और पूछें। गूगल कोडिंग। इसलिए भाग्य मुझे iPhone और एक गर्म ट्यूब www.raywenderlich.com के लिए Cocos2D के साथ लाया

मुझे ऑब्जेक्टिव-सी पसंद है, साथ ही cocos2D भी। प्लास्टिसिन के रूप में नरम। सी ++ में लिखने के सभ्य वर्षों के बाद, चीजें थोड़ी आसान हो गईं। काश, केवल iOS। निश्चित रूप से, सभी प्रकार के Apportable दिखाई दिए, लेकिन किसी कारण से मैं उस तरह से नहीं देखना चाहता था। इसके अलावा, मुझे एक ही मंच से थकान महसूस हुई और मैं अपनी परियोजना चाहता था, इस तथ्य के बावजूद कि यह हर माइक्रोवेव पर खेला जाता था। एकता अच्छी लगती है, लेकिन यह बंद है, लेकिन मेरे लिए यह जानना बहुत महत्वपूर्ण है कि यह अंदर से बाहर कैसे काम करता है: संभावित वनस्पति विज्ञान का मूल्यांकन करने के लिए, कुछ को अनुकूलित करने के लिए (अक्सर अभ्यास के लिए होना चाहिए), और यहां तक ​​कि सिर्फ कीड़े को ठीक करना था। साथ ही, मैं अभी कुछ करना शुरू करना चाहता था। और जब से मैं iPhone नारियल मॉडल से बहुत परिचित था, तो cocos2D-X पर एक नज़र डालना तय किया गया था। सी ++ में एक।

वही बात। बस C ++ में। वही रिलीज़ / रिटेन (नवीनतम 3.x संस्करण में, कुछ बिंदु पहले से ही बदल चुके हैं), नोड्स से एक ही मॉडल। मैंने एक परीक्षण बेंच चलाई (हमेशा, हमेशा इंजन के उदाहरण देखें) - सब कुछ स्मार्ट तरीके से काम करता है। मुझे याद है, हालाँकि, एक चीज़ के बारे में - इसके कई स्क्रीन रिज़ॉल्यूशन वाले एंड्रॉइड के बारे में।

जब मैंने iPhones के लिए गेम बनाया, तो सब कुछ सरल था। यदि रेटिना समर्थन की आवश्यकता थी, तो यह केवल एक ध्वज स्थापित करने के लिए पर्याप्त था:

[director enableRetinaDisplay: YES] 

और HD ग्राफिक्स का एक सेट जोड़ें। IPads के लिए, सब कुछ थोड़ा अलग था: इसके लिए निर्देशांक के कुछ पुनर्गणना की आवश्यकता थी। पांचवें iPhones के आगमन के साथ, चीजें थोड़ी अधिक जटिल हो गईं, लेकिन थोड़ा सा। हालाँकि, जब आप Android होते हैं और आपके पास लगभग असीमित संख्या में स्क्रीन होते हैं, तो आपको मस्तिष्क को थोड़ा चालू करना होगा। यहां हमने वही किया है।

हमने कॉन्फ़िगरेशन जोड़े। आपके प्रोजेक्ट का सारा जादू कोकोनट लिपि द्वारा उत्पन्न AppDelegate वर्ग में होने लगता है। इसके तरीकों में से एक में, दृश्य को लॉन्च और सक्रिय किया गया है:

 bool AppDelegate::applicationDidFinishLaunching() { Director *director = Director::getInstance(); EGLView *eglView = EGLView::getInstance(); director->setOpenGLView(eglView); ... Scene *scene = GameScene::scene(); director->runWithScene(scene); return true; } 

दृश्य में, आप अपने स्प्राइट्स / अन्य नोड्स को लोड करते हैं, किसी तरह उन्हें स्थिति देते हैं, यदि आवश्यक हो, तो उन्हें मोड़ दें। बनाने के लिए तंत्र, उदाहरण के लिए, एक स्प्राइट बारीकी से FileUtils वर्ग से संबंधित है। जब भी आप कुछ ऐसा करते हैं:

 Sprite *object = Sprite::create("object.png") 

स्प्राइट श्रेणी के आंतरिक तरीके (हाथ पर कोड होना अच्छा है) फ़ाइलयूटल को स्थापित खोज पथों की सूची के माध्यम से चलाने के लिए कहें और देखें कि क्या ऐसी कोई फ़ाइल है। रास्ते खोजे? हाँ, यह सरल है। आप इस तरह स्प्राइट बना सकते हैं:

 Sprite *enemy = Sprite::create("enemies/enemy0.png") 

लेकिन आप नारियल बता सकते हैं कि हमारे पास कुछ निर्देशिका या यहां तक ​​कि एक सूची है जिसमें फ़ाइलों की तलाश है। यह क्रमशः स्क्राइबल को कम करता है, त्रुटियों की संख्या को कम करता है और लचीलापन देता है। मैं फ़ाइलों को दूसरे तरीके से समूहित करना चाहता था - कृपया, जिस कोड में आपको "दुश्मन /" को बदलना नहीं है, उदाहरण के लिए, "ऑब्जेक्ट /"। वास्तव में सुविधाजनक और आसान:

 FileUtils::getInstance()->addSearchPath("fonts"); FileUtils::getInstance()->addSearchPath("objects"); FileUtils::getInstance()->addSearchPath("backgrounds"); ... Sprite *back = Sprite::create("back0.png"); LabelBMFont *label = LabelBMFont::create("an incredible label", "font0.fnt"); 

मुझे लगता है कि सभी तरह के स्क्रीन रिज़ॉल्यूशन के बारे में बात कर रहे हैं। Cocos2D-X में अब कोई नहीं है

 [director enableRetinaDisplay: YES] 

इसके बजाय, कुछ नई चीजें दिखाई दीं। भौतिक स्क्रीन आकार जानना चाहते हैं? यह करें:

 Size frameSize = Director::getInstance()->getOpenGLView()->getFrameSize(); 

मैंने कॉन्फिग के बारे में भी कुछ कहा। यह एक सरल json फ़ाइल (रैपिड्सन पार्सिम ) है, जिसमें हमने संसाधन पथ सेट (ओह, यह अभियोगात्मक मामला ) लिखा है । प्रत्येक सेट इस तरह दिखता है:

 { "width": 960, "height": 640, "designWidth": 480, "designHeight": 320, "paths": [ "Res/960x640/fonts/", "Res/960x640/ui/", "Res/960x640/maps/" ... ] } 

यहां, चौड़ाई और ऊंचाई भौतिक आयामों का प्रतिनिधित्व करती है जिसके लिए संसाधनों का यह सेट उपयुक्त हो सकता है। पहले से ही मैं क्या पकड़ रहा हूँ? AppDelegate में आवेदन शुरू करते समय :: applicationDidFinishLaunching मैं कॉन्फ़िगरेशन लोड करता हूं, पथ के सभी सेटों के माध्यम से चलाता हूं और निर्देशक से प्राप्त भौतिक आकार की तुलना करता हूं :: getInstance () -> getOpenGLView () -> getFrameSize () , उन चौड़ाई और ऊंचाई के साथ और आवश्यक आकारों को लोड करें। तस्वीरें। हालांकि, यह पर्याप्त नहीं है।

गहरी समझ के लिए, यहां जाएं:
www.cocos2d-x.org/wiki/Multi_resolution_support

व्यावहारिक उपयोग के लिए, यह निम्नलिखित जानने के लिए पर्याप्त है। निदेशक है :: getInstance () -> getOpenGLView () -> setDesignResolutionSize () , जो सापेक्ष आकार सेट करता है। उदाहरण के लिए, आपके iPhone का आकार 960x640 है और स्क्रीन के केंद्र को निर्देशांक {480, 320} द्वारा दर्शाया जा सकता है। हालाँकि, आप किसी भी {96, 64} को setDesignResolutionSize पास कर सकते हैं, और फिर केंद्र को {48, 32} का उपयोग करके सेट किया जा सकता है। सापेक्ष निर्देशांक बहुत महत्वपूर्ण हैं, और उन दो मापदंडों को डिज़ाइन किया गया है और कॉन्फ़िगरेशन से डिज़ाइनहाइट ने उन्हें सेट किया है। इसलिए, हम कॉन्फ़िगरेशन के माध्यम से चलते हैं, आकारों की जांच करते हैं, आवश्यक संसाधनों को लोड करते हैं और सही सापेक्ष निर्देशांक सेट करते हैं। हम लगभग फिनिश लाइन पर हैं।

कल्पना करें कि आप गेम को एक विशाल स्क्रीन रिज़ॉल्यूशन वाले डिवाइस पर चलाते हैं, लेकिन सीधे पिक्सेल perfec t के लिए संसाधनों का कोई सेट नहीं है। यह ठीक है - हम सिर्फ नारियल को तस्वीर को फैलाने के लिए कहते हैं। इसके लिए, निदेशक :: getInstance () -> setContentScaleFactor () है , जो एक फ्लोट लेता है। बस विभाजित करें (पोर्ट्रेट गेम के मामले में) कॉन्फिगरेशन से लेकर डिजाइन तक की चौड़ाई । आप सभी प्लेटफॉर्म पर खुश होंगे।

एक और पैरामीटर है, अंतिम एक है रेजोल्यूशनपॉलिशी । ईमानदार होने के लिए, दो उपयोगी चीजें हैं: ResolutionPolicy :: FIXED_WIDTH और ResolutionPolicy :: FIXED_HEIGHT । यदि आप पोर्ट्रेट ओरिएंटेशन में खेलना चाहते हैं - तो रिज़ॉल्यूशनपॉलिशी :: FIXED_WIDTH सेट करें। उसी समय, चित्र को चौड़ाई में बढ़ाया जाएगा, उदाहरण के लिए, जैसे मेरे हल मी गेम में:



इस दृष्टिकोण के साथ, एक अतिरिक्त ऊर्ध्वाधर स्थान दिखाई दे सकता है। ऊपर के उदाहरण में, मैंने सिर्फ पृष्ठभूमि को फैलाया ताकि पूरी स्क्रीन को टाइल किया जाए, और इंटरफ़ेस तत्वों को इसके किनारों के सापेक्ष तैनात किया गया। हालांकि, यह हमेशा काम नहीं करता है। इसलिए, लैंडस्केप ओरिएंटेशन के साथ मेरे अन्य रीटेल्स गेम में ( रिज़ॉल्यूशनपॉलिशी :: FIXED_HEIGHT का उपयोग करके) मैंने स्क्रीन के किनारों के आसपास दो स्प्राइट्स आकर्षित किए:



हम कॉन्फ़िगर के माध्यम से चलते हैं, रास्तों के सेट पढ़ते हैं, भौतिक आयामों की तुलना करते हैं, आवश्यक संसाधनों को लोड करते हैं, सही नीति और खिंचाव लागू करते हैं। लेकिन मैं थोड़ा आगे बढ़ गया - मैंने स्थानीयकरण पर शिकंजा कसा। इंजन स्तर पर। FileUtils की ख़ासियत :: getInstance () -> addSearchPath () यह है कि संसाधनों को उन रास्तों के साथ सख्ती से खोजा जाएगा जो स्थापित किए गए थे, और उसी क्रम में। मैंने इसे "फोंट /" में नहीं पाया, यह "ui /" में जाता है, मुझे यह वहां नहीं मिला - यह "नक्शे /" पर जाता है और फिर विफलता के मामले में मूल में दिखता है। ठीक। आखिरकार, हम एप्लिकेशन :: getInstance () -> getCurrentLanguage () का उपयोग करके वर्तमान भाषा प्राप्त कर सकते हैं और पथ को जोड़ने के समय, पहले किसी विशेष भाषा के लिए पथ को जोड़ सकते हैं, और फिर इस पथ को ही। एक बार देखने के लिए बेहतर है। कुछ इस तरह होगा:

 FileUtils::getInstance()->addSearchPath("fonts/en"); FileUtils::getInstance()->addSearchPath("fonts"); FileUtils::getInstance()->addSearchPath("objects/en"); FileUtils::getInstance()->addSearchPath("objects"); FileUtils::getInstance()->addSearchPath("backgrounds/en"); FileUtils::getInstance()->addSearchPath("backgrounds"); 

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

 Label::create("This is label", "font.fnt") 

बस उपयोग करें

 Label::create(Localized::getString("mainMenuCaptionLabel"), "font.fnt") 

आप नीचे दिए गए लिंक से स्थानीयकृत वर्ग और बहुत कुछ डाउनलोड कर सकते हैं। मुझे कोई आपत्ति नहीं है :)

मेरे साथ रहने के लिए धन्यवाद, पाठक। अपनी बिल्ली को खिलाने के लिए मत भूलना - उसे वास्तव में आपकी आवश्यकता है।

एक काम कर रहे विन्यास का एक उदाहरण - pastebin.com/5idCpjYh
लाइनों के साथ उदाहरण फ़ाइल - pastebin.com/LfBxs6dA
Localized.h - pastebin.com/LwNaKrFK
Localized.cpp - pastebin.com/GHVmPvCc
डाउनलोड पथ - pastebin.com/CX8Xma25
इस पूरी चीज़ को कैसे चलाएं AppDelegate - pastebin.com/dMVtY2Rb में