Animating characters using a spritesheet

cocos2d for iPhone » Programming » cocos2d support (graphics engine)

Animating characters using a spritesheet

(8 posts) (4 voices)

Started 1 year ago by code206
Latest reply from code206

Tags:

code206
Member

I'm working on an iphone game that uses lots of different animated shrites which have to be drawn in 4 different directions up, down, left and right. I've been playing with the new cocos2d .99.3 and I'm finding the way we animate a little more complicated than before. Here is the current code I have to write for spritesheet animation.

[[CCSpriteFrameCache sharedSpriteFrameCache] addSpriteFramesWithFile:@"animations/grossini.plist"];
		CCSprite *sprite = [CCSprite spriteWithSpriteFrameName:@"grossini_dance_01.png"];
		sprite.position = ccp( 100, 100);

		CCSpriteSheet *spritesheet = [CCSpriteSheet spriteSheetWithFile:@"animations/grossini.png"];
		[spritesheet addChild:sprite];
		[self addChild:spritesheet];

		NSMutableArray *animFrames = [NSMutableArray array];
		for(int i = 1; i < 15; i++) {

			CCSpriteFrame *frame = [[CCSpriteFrameCache sharedSpriteFrameCache] spriteFrameByName:[NSString stringWithFormat:@"grossini_dance_%02d.png",i]];
			[animFrames addObject:frame];
		}

		CCAnimation *animation = [CCAnimation animationWithName:@"dance" frames:animFrames];
		// 14 frames * 0.2sec = 2,8 seconds
		[sprite runAction:[CCRepeatForever actionWithAction: [CCAnimate actionWithDuration:2.8f animation:animation restoreOriginalFrame:NO] ]];

I thought the whole point of using a spritesheet was so you didn't have to have tons of separate sprite files for animation. Is there a way to do this where i just tell it what spritesheet to use and then iterate though the frames?

Posted 1 year ago #

code206
Member

Just for reference here is how i did it in the old way. Basically I wonder how to do the same thing in the new cocos

AtlasSpriteManager *temp = [AtlasSpriteManager spriteManagerWithFile:@"dragonwarrior.png" capacity:50];

	[self addChild:temp z:9999999999];

	temp.position = ccp(100,30);

	AtlasSprite *tempB = [AtlasSprite spriteWithRect:CGRectMake(0, 0, 64, 64) spriteManager: temp];

	[temp addChild:tempB ];

	AtlasAnimation *animationB = [AtlasAnimation animationWithName:@"dance" delay:0.2f];
	for(int i=0;i<6;i++) {
		int x= i % 10;
		int y= i / 5;
		[animationB addFrameWithRect: CGRectMake(x*64, y*1, 64, 64) ];

	}
	id action = [RepeatForever actionWithAction:[Animate actionWithAnimation: animationB ]];
	[tempB runAction:action];

Posted 1 year ago #

trans416
Member

okay, this is what i used for mine see if this works for you

[[CCSpriteFrameCache sharedSpriteFrameCache] addSpriteFramesWithFile:@"mario.plist"];

NSMutableArray *animFrames = [NSMutableArray array];
for (int i=1; i<5; i++) {
[animFrames addObject:[[CCSpriteFrameCache sharedSpriteFrameCache] spriteFrameByName:[NSString stringWithFormat:@"mario%d.png", i]]];
}
CCAnimation *animation = [[CCAnimation animationWithName:@"walk" frames:animFrames] retain];

CCSprite *player = [CCSprite spriteWithSpriteFrameName:@"mario1.png"];
player.position = ccp(150, 100);
[self addChild:player z:1];

then when i run the action. this is what i called in my touchesBegan when the button was touched.

id action1 = [CCRepeatForever actionWithAction:[CCAnimate actionWithDuration:0.25f animation:animation2 restoreOriginalFrame:NO]];
id action2 = [CCRepeatForever actionWithAction:[CCMoveBy actionWithDuration:0.1f position:ccp(10,0)]];
[player runAction:action1];
[player runAction:action2];

not sure if this will help but this is how i did mine and it worked perfectly.

Posted 1 year ago #
T.Hieu
Member
@code206: I don't know what's exactly the question is. But just some info:
- CCAnimation *animation: this can be a class variable, then whenever you want inside the class you just call [sprite: runAction:animation].
- Notice:
- If you add a CCSprite to a CCSpriteSheep --> it can only run animation that take image from the same texture with the CCSpriteSheep texture.
- If you add the CCSprite to the self (CCLayer) (not recommended), you can run every action from any texture.
Posted 1 year ago #
code206
Member

I appreciate the help, but I don't think that answers my question. What I'm trying to do is have all of my characters animated directly from a spritesheet like this http://www.smbhq.com/users/sprite/smb_spritesheet.gif

I don't want to have to use individual files to achieve this because it means more work and it gets harder to manage more sprites. I just want to call a function with only uses the spritesheet.png as an input and creates a character that can walk left right up and down using the sprite sheet. I can achieve with individual sprites but again it gets hard to manage when you have lots of characters. I hope that make my question more clear.

Posted 1 year ago #
joew
Member

Actually Ray just posted a tutorial on creating animations using spritesheets: http://www.raywenderlich.com/1271/how-to-use-animations-and-sprite-sheets-in-cocos2d

Posted 1 year ago #
T.Hieu
Member

@code206: Have you tried CCSpriteFrameCache and Zwoptex before?

Posted 1 year ago #
code206
Member

Thanks Joew, that is exactly what I was looking for.

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.