IOS के लिए Cocos2d ढांचे पर एक एप्लिकेशन बनाना

नमस्कार, हरामजिती!

मेरा पहला गेम iPhone SDK ने एक पेशाब करने वाले लड़के के बारे में लिखा था, यह 3G और 3GS पर बहुत धीमा था। दूसरा एक प्रोसेसर पर कम लोड के साथ किया गया था, जबकि मैंने पहले से ही cocos2d के बारे में सुना था, इसके बारे में दस्तावेज पढ़ने के बाद, मैंने एसडीके में जाने का फैसला किया, अब वापस नहीं लौटा और इस मंच के लिए प्रोग्रामिंग शुरू कर दी। इस लेख में मैं cocos2d को स्थापित करने का तरीका नहीं बताऊंगा, यह यहां वर्णित है , मैं इस पोस्ट के साथ नहीं दोहराने की कोशिश करूंगा। मैं केवल एक स्थिर 1.0.1 संस्करण जोड़ सकता हूं। इस लेख में मैं आपको बताऊंगा कि परतों के बीच मेनू, एनीमेशन और संक्रमण कैसे बनाएं।

तो बात है।

हम cocos2d पर एक प्रोजेक्ट बनाते हैं, इसे iPad पर ओरिएंट करते हैं, HelloWorldLayer.m फाइल पर जाते हैं और - (id) इनिट मेथड में बैकग्राउंड के लिए स्प्राइट बनाते हैं:

 -(id) init { if( (self=[super init])) { //    ,     CGSize size = [[CCDirector sharedDirector] winSize]; // backgroung CCSprite * background = [CCSprite spriteWithFile:@"clean bg.png"]; //     background.position = ccp(size.width/2, size.height/2); //    CCLayer        , //   z:-1 [self addChild:background z:-1]; } return self; } 

मैं जोड़ सकता हूं कि जब हम परत में हमारे स्प्राइट को जोड़ते हैं, तो आप एक टैग जोड़ सकते हैं: [self addChild:background z:-1 tag:100]; यह इसलिए किया जाता है ताकि आप स्प्राइट को किसी अन्य विधि या वर्ग में टैग कर सकें, यह इस प्रकार किया जाता है: CCSprite *spr = (CCSprite *)[self getChildByTag:100]; फिर इस स्प्राइट के साथ जो आप चाहते हैं वह करें।

अगला, यहां हम मेनू बनाते हैं:

 //   //   CCMenuItemImage * image = [CCMenuItemImage itemFromNormalImage:@"new_game.png" selectedImage:@"new_game.png" target:self selector:@selector(perehod_v_igru)]; //    (   , //     ) image.position = ccp(0, 50); //  font CCMenuItemFont * font = [CCMenuItemFont itemFromString:@"" target:self selector:@selector(options)]; font.position = ccp(0, -50); //  //     CCMenu * menu = [CCMenu menuWithItems:image, font, nil]; //   menu.position = ccp(size.width /2 , size.height/2); //   [self addChild:menu]; 

Cocos2d मेनू iPhone SDK बटन का एक विकल्प है, यहां हमने 2 प्रकार की कोशिकाओं (चित्र और शिलालेख) को देखा, जैसा कि आप देख सकते हैं कि वे कुछ तरीकों का उल्लेख करते हैं, हमारे मामले में ये अन्य परतों के लिए संक्रमण हैं:

 -(void)perehod_v_igru { //        [[CCDirector sharedDirector] replaceScene:[CCTransitionPageTurn transitionWithDuration:1 scene:[Game node]]]; } 

एक निश्चित समय के लिए संक्रमण एक परत से दूसरी परत में संक्रमण के प्रभाव के लिए जिम्मेदार है।

 -(void)options { //     [[CCDirector sharedDirector] pushScene:[Options node]]; } 

इस मामले में, अस्थायी रूप से परत को ओवरले करने के लिए pushScene का उपयोग किया जाता है।

हम विकल्प फाइल बनाते हैं, + N कमांड दबाते हैं:







जैसा कि आप पिछले स्क्रीनशॉट में देख सकते हैं, हम एक कस्टम लेयर बनाते हैं, डिफ़ॉल्ट रूप से यह काला है, लेकिन RGB में खेलने के बाद आप कोई भी रंग सेट कर सकते हैं।

इसके बाद, CCMenu बनाएँ और विधि मुख्य मेनू में obatno लौटाती है:

 -(id) init { // RGB     if ((self = [super initWithColor:ccc4(255, 0, 0, 155)])) { CGSize size = [[CCDirector sharedDirector] winSize]; CCMenuItemFont * font = [CCMenuItemFont itemFromString:@" " target:self selector:@selector(backItem)]; font.position = ccp(0, 0); CCMenu * menu = [CCMenu menuWithItems: font, nil]; menu.position = ccp(size.width /2 , size.height/2); [self addChild:menu]; } return self; } -(void)backItem{ //     [[CCDirector sharedDirector] popScene]; } 

popScene वर्तमान परत को हटा देता है। इस परत के नीचे सावधान रहें कोई अन्य होना चाहिए, जैसा कि ऊपर वर्णित है, हम सिर्फ एक परत लागू कर रहे हैं, अन्यथा यह एक त्रुटि पैदा करेगा।

अगला, एक गेम लेयर बनाएं:







एक पृष्ठभूमि बनाएँ और Game.m फ़ाइल में एक और स्प्राइट बनाने से पहले एक देरी सेट करें:

 -(id) init { if( (self=[super init])) { CGSize size = [[CCDirector sharedDirector] winSize]; // background CCSprite * background = [CCSprite spriteWithFile:@"clean bg.png"]; //anchorPoint        ,   //background.anchorPoint = ccp(0.5f,0.5f);       //     anchorPoint = ccp(1, 1);      //  ,  (0, 0)    background.anchorPoint = ccp(1, 1); background.position = ccp(size.width, size.height); [self addChild:background z:-1]; //     0,5  [self performSelector:@selector(sozdanie_CCSprite) withObject:self afterDelay:0.5]; } return self; } 

यहाँ मैंने एंकरवर्क लागू किया है, फिर हम इसका वास्तविक आवेदन देखेंगे:

 -(void)sozdanie_CCSprite { //      background CCSprite * tarakan = [CCSprite spriteWithFile:@"tarakan0.png"]; tarakan.position = ccp(512, 100); tarakan.anchorPoint = ccp(0,0); [self addChild:tarakan]; //Actions //           id move = [CCMoveBy actionWithDuration:2 position:ccp(0, 500)]; //     id accel = [CCEaseInOut actionWithAction:move rate:5]; //  id rotate = [CCRotateBy actionWithDuration:2.0f angle:360]; //  [tarakan runAction:[CCSequence actions:accel, rotate, nil]]; //  [self performSelector:@selector(animation) withObject:self afterDelay:3.5]; } 

यहाँ हम एक तिलचट्टा पर विभिन्न क्रियाओं को लागू करते हैं। जब हम संकलित करते हैं और देखते हैं कि कॉकरोच त्वरण के साथ चलता है, और फिर घूमता है, जबकि धुरी बिंदु निचले बाएं कोने में है, यह एंकरपॉइंट है जिसे हमने निर्दिष्ट किया है (0, 0)। हमने कॉकरोच के आंदोलन का संकेत दिया, CCMoveBy आंदोलन के लिए जिम्मेदार है, CCEaseInOut आंदोलन के दौरान त्वरण और मंदी की चिकनाई के लिए जिम्मेदार है, और CCRotateBy रोटेशन के लिए जिम्मेदार है। हम यहां CCSequence का उपयोग भी देखते हैं, इस कमांड का उपयोग बदले में स्प्राइट पर कार्रवाई करने के लिए किया जाता है।

और आखिरी, देरी के बाद एक एनीमेशन बनाएं:

 -(void)animation { CGSize size = [[CCDirector sharedDirector] winSize]; // plist       [[CCSpriteFrameCache sharedSpriteFrameCache] addSpriteFramesWithFile:@"tarakan.plist" textureFile:@"tarakan.png"]; //CCSpriteBatchNode     cocos2d,       //    //       CCSpriteBatchNode * bowSheet = [CCSpriteBatchNode batchNodeWithFile:@"tarakan.png"]; NSString *topbird = @"tarakan"; NSMutableArray *walkAnimFrames = [NSMutableArray array]; //    for(int i = 1; i <= 4; ++i) { CCSpriteFrame *frame = [[CCSpriteFrameCache sharedSpriteFrameCache] spriteFrameByName: topbird stringByAppendingString:[ NSString stringWithFormat:@"%d.png", i]]]; [walkAnimFrames addObject:frame]; } //          CCAnimation *walkAnim = [CCAnimation animationWithFrames:walkAnimFrames delay:0.1f]; NSString *bowFrame = [topbird stringByAppendingString:@"1.png"]; //     CCSprite * bow = [CCSprite spriteWithSpriteFrameName:bowFrame]; bow.position = ccp(size.width/2 , -100); [bowSheet addChild:bow]; //CCAnimate    CCAnimation //        CCAnimate CCAnimate * bowAnim = [[CCAnimate actionWithAnimation:walkAnim restoreOriginalFrame:YES] retain]; [self addChild:bowSheet]; //   id walkAction = [CCRepeat actionWithAction:bowAnim times:5]; //  id da = [CCMoveBy actionWithDuration:2 position:ccp(0, 600)]; //     [bow runAction:[CCSpawn actions:da, walkAction, nil]]; } 

मैंने इसमें से अधिकांश पर टिप्पणी की, मैं जोड़ूंगा कि मैंने zwoptexapp.com का उपयोग करके बनावट बनाई है, यह मुफ़्त है, वहां मुझे प्लिस्ट और पीएनजी फाइलें मिलीं, उन्हें प्रोजेक्ट में खींच लिया। यह वही है जो tarakan.plist फ़ाइल की तरह दिखता है:



और इसलिए tarakan.png फ़ाइल:



यह भी देखा जाता है कि CCSequence के बजाय कार्रवाई लागू करते समय, CCSpawn का उपयोग किया गया था, यह आदेश यह सुनिश्चित करने के लिए उपयोग किया जाता है कि स्प्राइट पर कार्रवाई एक साथ चलती है।

अक्सर मैं cocos2d पर एनिमेशन बनाने के साथ मंचों की समस्याओं को देखता हूं, इसलिए मैंने इसे इस लेख में शामिल किया। मुझे उम्मीद है कि यह लेख किसी के लिए उपयोगी होगा।

यहां प्रोजेक्ट डाउनलोड किया जा सकता है ।