cocos2d for iPhone

A fast, easy to use, free, and community supported 2D game engine

1. 

   winduptoy
   Member

   I come from a Flixel background, just so you know, and I'm new to Cocos2d. (http://flixel.org)

   My problem is figuring out how sprite sheets work in Cocos2d, so could someone give me a quick summary? I keep running into conflicting information on the Cocos2d wiki and other sources, in which a sprite sheet is sometimes also called an atlas (which is now depreciated as of version 0.99.2, right?).

   I would rather not use the zwoptex app to make a .plist for my sprite sheet, but rather define the different frames that make up the sprite sheet.

   How do I go about declaring a sprite sheet, declaring the different frames, and then playing back an animation? I just cant figure out the code in the examples. (And what does "capacity" do?)

   Posted 2 years ago #
2. 

   djames04
   Member

   I am newer to this game engine as well.. but I have come to the same conclusion as you with the Atlas code..

   I pulled this directly from the Sprite Test included with cocos2d:
   

   CCSpriteSheet *sheet = [CCSpriteSheet
       spriteSheetWithFile:@"grossini_dance_atlas.png" capacity:1];
   CCSprite *sprite1 = [CCSprite spriteWithTexture:sheet.texture rect:
       CGRectMake(85*0, 121*1, 85, 121)];
   CCSprite *sprite2 = [CCSprite spriteWithTexture:sheet.texture rect:
       CGRectMake(85*1, 121*1, 85, 121)];
   CCSprite *sprite3 = [CCSprite spriteWithTexture:sheet.texture rect:
       CGRectMake(85*2, 121*1, 85, 121)];
   CCSprite *sprite4 = [CCSprite spriteWithTexture:sheet.texture rect:
       CGRectMake(85*3, 121*1, 85, 121)];

   Go here http://www.raywenderlich.com/606/how-to-use-box2d-for-just-collision-detection-with-cocos2d-iphone for an easy to understand walk through of setting it up, but it shows how to use the online system to set up your .plist and sheet.

   Posted 2 years ago #
3. 

   ShempLock
   Member

   To do what you want (without the PLIST), do this inside your scene init:

   // Allocate the sprite sheet (which is an ATLAS) and add it as a child of the scene/layer
   CCSpriteSheet *sheet = [CCSpriteSheet spriteSheetWithFile:@"spriteatlas.png" capacity:2];  // The 2 is for 2 children
   [self addChild:sheet z:0];
   
   // Create an animation object
   CCAnimation * animation = [[CCAnimation alloc] initWithName:@"cycle" delay:1/6.0];
   
   // Manually add two frames from the sprite sheet to the animation object
   [animation addFrameWithTexture:sheet.texture rect:CGRectMake(0, 480, 25, 21)];
   [animation addFrameWithTexture:sheet.texture rect:CGRectMake(25, 480, 25, 21)];
   
   // Create the sprit from the sprite sheet:
   CCSprite *playerSprite = [CCSprite spriteWithSpriteSheet:sheet rect:CGRectMake(0, 480, 25, 21)];
   
   // Set sprite position
   playerSprite.position = ccp( 20, 100);
   
   // Attach an animation to the sprite as an action that repeats forever
   [playerSprite runAction: [CCRepeatForever actionWithAction:[CCAnimate actionWithAnimation: animation restoreOriginalFrame:NO]]];
   
   // Add the sprite as a child to our sprite sheet
   [sheet addChild:playerSprite];

   That is all you need to do. The sprite will now be drawn with the appropriate frame from the sprite sheet based on the animation frame rate, you don't have to do anything unless you want to change the animation. Once you added the sprite as a child of the sprite sheet, you enabled it to be redrawn when the sprite sheet is drawn.

   Posted 2 years ago #
4. 

   winduptoy
   Member

   Perfect! Thank you!

   Posted 2 years ago #
5. 

   jjf
   Member

   Just found this post. Thank you very much for the source!

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.