Cocos2D का उपयोग करते हुए IPhone गेम डेवलपमेंट फंडामेंटल

हैलो, अभिभावक!

बहुत से लोग प्रोग्राम, गेम लिखना सीखना चाहते हैं, लेकिन यह कई कारणों से काम नहीं करता है। शुरू में, मैं कुछ लिखना नहीं चाहता था क्योंकि कोई दिलचस्प मंच नहीं था, और मैं अभी भी बहुत छोटा था। फिर सब कुछ बदल गया। टेलीफोन उद्योग में एक नया युग शुरू हो गया है - iPhone दिखाई दिया है। जैसे ही मैंने उसके बारे में सुना, मैं इसे पाने के लिए उत्सुक था। मुझे तुरंत मंच पसंद आया, कोई बटन और एक स्टाइलस नहीं है - खेल के लिए सबसे अधिक।
मैंने नवंबर 2009 में कार्यक्रम लिखना शुरू किया, अगर उन्हें कार्यक्रम कहा जा सकता है :)। बहुत से लोग पूछते हैं कि मैंने कैसे अध्ययन किया - YouTube वीडियो ट्यूटोरियल में, लेकिन और कैसे? IPhone एसडीके पर अस्पष्ट ट्यूटोरियल पढ़ें? उस समय, मुझे मेरे जैसे लोगों को सिखाने का विचार आया - मैंने अपने लिए नए विषयों के लिए YouTube पर वीडियो रिकॉर्ड करना शुरू किया।
अगर दिलचस्पी है: http://bit.ly/pdyoutube फिर सब कुछ चला गया और चला गया, वह खुद प्रोग्रामिंग में बेहतर हो गया और सब कुछ बहुत बेहतर याद किया गया। मैं बहुत लंबा परिचय नहीं लिखूंगा - चलो सबसे दिलचस्प पर चलते हैं।

मैं हमेशा गेम बनाना चाहता था, लेकिन एक खाली Xcode पर यह बहुत सुविधाजनक और समझने योग्य नहीं है। उन्होंने iPhone, iPad के लिए गेम विकसित करने के लिए एक मंच (फ्रेमवर्क) चुनना शुरू किया। मेरी पसंद Cocos2D थी। कई पूछेंगे कि क्यों - इसका उपयोग करना बहुत आसान है, बहुत! यह भी मुफ़्त है और अक्सर अद्यतन किया जाता है!

यदि आपके पास पहले से नहीं है, तो यह इसे स्थापित करने के लायक है। यह सब बहुत सरलता से किया जाता है। Http://bit.ly/cocos2dsite पर जाएं, डाउनलोड से डाउनलोड करें, अनपैक करें। वर्तमान संस्करण 1.0 आरसी -3 है। हालांकि यह कहता है कि यह स्थिर नहीं है, यह विकास के लिए काफी उपयुक्त है। वह काफी स्थिर है।

अनपैक करने के बाद, आपको "cocos2d-iphone-1.0.0-rc3" नामक एक फ़ोल्डर मिलेगा।

टर्मिनल खोलें, cd टाइप करें।



स्पेसबार दबाएं और फ़ोल्डर को टर्मिनल पर खींचें। हार्ड ड्राइव पर आपके फ़ोल्डर का स्थान दिखाई देना चाहिए।



Enter दबाएँ और टाइप करें “./install-templates.sh –u –f”। फिर Enter को फिर से दबाएं।




शब्दों की रेखाएँ अंदर आ जाएँगी और लगभग 20 सेकंड के बाद दिखाई देनी चाहिए! यदि यह दिखाई दिया - आपने सब कुछ ठीक किया!



इसके अलावा, हमें अब टर्मिनल की आवश्यकता नहीं होगी, आप इसे बंद कर सकते हैं। अब Xcode खोलने का समय आ गया है। मैं Xcode 4 की सलाह देता हूं। यह प्रयोग करने में आसान है और काफी स्थिर है। अगर आप iPhone या Mac डेवलपर प्रोग्राम के लिए भुगतान करते हैं तो आप इसे Mac AppStore पर खरीद सकते हैं या इसे developer.apple.com से डाउनलोड कर सकते हैं।
खोलने पर, Xcode हमारा स्वागत करेगा।



वह आपसे पूछना चाहिए कि क्या आप अपने मैक पर प्रलेखन रखना चाहते हैं। यह आपके ऊपर है, लेकिन मैं सहमत हूं। दाईं ओर आपको हालिया परियोजनाओं की एक सूची दिखाई देगी, बाईं ओर - "एक नया प्रोजेक्ट बनाएं", "रिपॉजिटरी से कनेक्ट करें", "Xcode 4 के बारे में अधिक जानें", developer.apple.com के लिए एक लिंक।

हम "नया प्रोजेक्ट बनाएँ" चुनें।



"एक नई परियोजना बनाएँ" में आप iPhone या मैक का चयन कर सकते हैं। मैं iPhone में cocos2d चुनूंगा।

"Cocos2d" का चयन करें और अगला क्लिक करें।



वहां आप एक नाम चुन सकते हैं, और "कंपनी पहचानकर्ता"। मैं हैलो वर्ल्ड प्रोजेक्ट का नाम दूंगा।

फिर वह बचत करने की पेशकश करेगा, आपको बस एक जगह चुननी होगी।

सहेजने के बाद, Xcode खुलनी चाहिए। यह कुछ इस तरह दिखेगा:



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



हैलो वर्ल्ड संदेश iPhone स्क्रीन पर दिखाई देना चाहिए।



यदि आप iPad के लिए विकसित करना चाहते हैं, तो iPhone को iPad में बदल दें और शिलालेख आपके iPad पर दिखाई देगा।



उपकरणों पर स्थापित करने के लिए आपको ऐप्पल से डेवलपर प्रमाणपत्र खरीदना होगा।

यह परियोजना पहले से ही है, अब यह केवल आपके विचारों को वास्तविकता में अनुवाद करने के लिए बनी हुई है।

चिंता मत करो, यह सब नहीं है!
अब मैं आपको दिखाऊंगा कि चित्रों को कैसे जोड़ा जाए और उनके साथ विभिन्न क्रियाएं करें।

सबसे आसान तरीका Google है, लेकिन अधिकांश छवियां कॉपीराइट हैं और आप उनका उपयोग करने के लिए अधिकृत नहीं हैं। मैं मेरा उपयोग करूंगा।

मैं अपने पुराने खेल - आइसबर्ग अलर्ट से तस्वीरें लूंगा। मैं 3 हिमखंड और एक नाव का उपयोग करूंगा। दो प्रस्तावों में चित्र (iPhone और iPhone 4)। Cocos2d में रेटिना के लिए छवियों का यह नाम प्रारूप होना चाहिए: "name-hd.yourformat"। सामान्य संकल्प के लिए चित्रों में "name.yourformat" है।
यहाँ स्पष्टता के लिए एक स्क्रीनशॉट है।



अब मैं इन फ़ाइलों को प्रोजेक्ट में जोड़ूंगा और प्रोजेक्ट फ़ोल्डर में सहेजूंगा।

यह कोड के साथ आरंभ करने का समय है।

HelloWorldLayer.m में, CCLabel से संबंधित 8 स्ट्रिंग्स निकालें। हटाने के बाद, सब कुछ इस तरह दिखना चाहिए:

पी

यह भविष्य के खेल में हमारी तस्वीरों को जोड़ने का समय है। चित्र CCSprite हैं। जो कुछ भी init है, उस लेयर (स्क्रीन) के इनिशियलाइज़ेशन पर बनाया जाएगा।
सबसे पहले, पहला स्प्राइट डालें। यह कोड की 3 लाइनों के साथ किया जाता है। कोड उस जगह पर लिखा जाता है, जहां शिलालेख "हैलो वर्ल्ड" के लिए कोड हुआ करता था।

कोड:

CCSprite *iceberg1 = [CCSprite spriteWithFile:@"iceberg1.png"];
iceberg1.position = ccp(100,100);
[self addChild:iceberg1];

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

यदि आप एक परियोजना को एक साथ रखते हैं तो आपको इसके समान कुछ मिलेगा:



इसी तरह, अन्य चित्र जोड़ें। यहां बताया गया है कि यह कैसा दिखना चाहिए:



सब कुछ फिट करने के लिए मुझे पहले स्प्राइट के निर्देशांक को बदलना पड़ा।

यहाँ अंतिम तस्वीर में दिखाए गए सभी स्प्राइट को जोड़ने के लिए कोड है:

CCSprite *iceberg1 = [CCSprite spriteWithFile:@"iceberg1.png"];
iceberg1.position = ccp(40,100);
[self addChild:iceberg1];

CCSprite *iceberg2 = [CCSprite spriteWithFile:@"iceberg2.png"];
iceberg2.position = ccp(110,100);
[self addChild:iceberg2];

CCSprite *iceberg3 = [CCSprite spriteWithFile:@"iceberg3.png"];
iceberg3.position = ccp(180,100);
[self addChild:iceberg3];

CCSprite *ship = [CCSprite spriteWithFile:@"ship.png"];
ship.position = ccp(270,100);
[self addChild:ship];

खैर, हमारे पास तस्वीरें हैं - अब क्या करना है? अब मैं आपको दिखाऊंगा कि कार्यों (CCAction) का उपयोग करके उन्हें कैसे प्रबंधित किया जाए।
एक नारियल में कई क्रियाएं होती हैं, मैं आपको दिखाऊंगा कि उनमें से कुछ का उपयोग कैसे करें।

कार्यों के बारे में अधिक विवरण Cocos2D ट्यूटोरियल एसडीके कार्यक्रम (iPad) में लिखे गए हैं: http://bit.ly/sdkcocos2d

मैं आपको दिखाऊंगा कि स्प्राइट को एक निश्चित बिंदु पर कैसे स्थानांतरित किया जाए, कैसे घुमाया जाए, कैसे
इसे पारदर्शी बनाएं, एक निश्चित तक कैसे बढ़ाया जाए
आकार।

शुरू करने के लिए, मैं अलग-अलग कोणों में स्प्राइट्स की व्यवस्था करूंगा।

कोड:

CCSprite *iceberg1 = [CCSprite spriteWithFile:@"iceberg1.png"];
iceberg1.position = ccp(40,100);
[self addChild:iceberg1];

CCSprite *iceberg2 = [CCSprite spriteWithFile:@"iceberg2.png"];
iceberg2.position = ccp(150,250);
[self addChild:iceberg2];

CCSprite *iceberg3 = [CCSprite spriteWithFile:@"iceberg3.png"];
iceberg3.position = ccp(250,100);
[self addChild:iceberg3];

CCSprite *ship = [CCSprite spriteWithFile:@"ship.png"];
ship.position = ccp(400,250);
[self addChild:ship];

इसे कुछ इस तरह देखना चाहिए।



अब चलो व्यापार के लिए नीचे उतरो।

चलो सबसे बाईं स्प्राइट से शुरू करते हैं। हम इसे आगे बढ़ाएंगे। ऐसा करने के लिए, हमारे पास CCMoveTo नामक एक क्रिया है और यहां इसका उपयोग कैसे किया जाए।

कोड:

[iceberg1 runAction:[CCMoveTo actionWithDuration:5.0f position:ccp(iceberg1.position.x,280)]];

स्प्राइट ऐड कोड के तहत इसे जोड़ें। यहां बताया गया है कि यह कैसा दिखना चाहिए:



इस कोड का क्या अर्थ है?

1) iceberg1 1 - हमारे पहले स्प्राइट का नाम जिस पर हम कार्रवाई करेंगे
2) runAction: - एक क्रिया करना
3) CCMoveTo - कार्रवाई का नाम
4) एक ctionWithDuration:5.0f position:ccp(iceberg1.position.x,280) - क्रिया 5 सेकंड लंबी, स्थिति।

पहली कार्रवाई के साथ हल किया।
अब दूसरे स्प्राइट पर कार्रवाई शुरू करते हैं। हम इसे मोड़ देंगे।
इसके लिए CCRotateBy नामक एक कार्रवाई है।

कोड:

[iceberg2 runAction:[CCRotateBy actionWithDuration:5.0f angle:360]];

पहला भाग स्पष्ट होना चाहिए, इसलिए मैं आपको समझाऊंगा कि दूसरा भाग क्या करता है।
actionWithDuration:5.0f angle:360 - कार्रवाई 5 सेकंड लंबा, 360 डिग्री कोण। यहाँ एक iPhone स्क्रीन पर कैसा दिखना चाहिए। जैसा कि आप देख सकते हैं, दूसरा स्प्राइट कताई है।

Pic19

सब कुछ काम करता है। यह तीसरे स्प्राइट का समय है। हम पारदर्शी होंगे।
इसके लिए, मैं CCFadeTo कार्रवाई का उपयोग करूंगा।
कोड:
[iceberg3 runAction:[CCFadeTo actionWithDuration:5.0f opacity:0]];
सब कुछ स्पष्ट होना चाहिए। अंतिम भाग का मतलब है कि कार्रवाई 5 सेकंड तक चलती है, 0 (पूरी तरह से) के लिए पारदर्शी हो जाती है।
5 सेकंड के भीतर, स्प्राइट पारदर्शी होना चाहिए।

यह चौथे स्प्राइट के लिए समय है - जहाज। हम इसे बढ़ाएंगे।
इसके लिए एक CCScale कार्रवाई है।
कोड:
[ship runAction:[CCScaleTo actionWithDuration:5.0f scale:2.0]];

कोड स्पष्ट होना चाहिए। हम स्प्राइट को 2 गुना बढ़ाते हैं।

मुझे आशा है कि आपने इसका आनंद लिया और पढ़ते हुए सो नहीं गए।

सब कुछ इस तरह दिखना चाहिए:



संदर्भ:

चित्रों के बिना परियोजना के लिए लिंक: लिंक
Cocos2d वेबसाइट: लिंक ।