cocos2d中--使用Zwoptex做的动画

最新推荐文章于 2022-03-19 13:00:36 发布

chinahaerbin

最新推荐文章于 2022-03-19 13:00:36 发布

阅读量3.3k

点赞数

分类专栏： cocos2d 文章标签： layer action interface 工作

本文链接：https://blog.csdn.net/chinahaerbin/article/details/8103833

版权

cocos2d 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

最近学cocos2d，看一般都用Zwoptex，但是这个软件要钱，所以用了一个在线版本的http://zwoptexapp.com/flashversion/ 基本功能也很好，需要注意的是，在最后导出png图片和plist文件时，一定要取相同的名字（切记啊切记），下面是素材

上代码：

@interface HelloWorldLayer :CCLayer

{

CCSprite *_sprite;

CCAction *_walkAction;

CCAction *_moveAction;

}

@property(nonatomic,retain)CCSprite*sprite;

@property (nonatomic, retain)CCAction*walkAction;

@property (nonatomic, retain)CCAction*moveAction;

// returns a CCScene that contains the HelloWorldLayer as the only child

+(CCScene *) scene;

@end

#import "HelloWorldLayer.h"

// HelloWorldLayer implementation

@implementation HelloWorldLayer

@synthesize sprite=_sprite;

@synthesize moveAction =_moveAction;

@synthesize walkAction =_walkAction;

+(CCScene *) scene

{

// 'scene' is an autorelease object.

CCScene *scene = [CCScenenode];

// 'layer' is an autorelease object.

HelloWorldLayer *layer = [HelloWorldLayer node];

// add layer as a child to scene

[scene addChild: layer];

// return the scene

return scene;

}

－（id）init{

if((self=[super init])){

[[CCSpriteFrameCache sharedSpriteFrameCache] addSpriteFramesWithFile:

@"AnimHero.plist"];//第1步

CCSpriteBatchNode*spriteSheet = [CCSpriteBatchNode

batchNodeWithFile:@"AnimHero.png"];

[selfaddChild:spriteSheet];//第2步

NSMutableArray *walkAnimFrames = [NSMutableArrayarray];

for(int i=1; i <=3; i++)

{

[walkAnimFramesaddObject:

[[CCSpriteFrameCache sharedSpriteFrameCache] spriteFrameByName:

[NSStringstringWithFormat:@"hero%i.png",i]]];

} //第3步

CCAnimation *walkAnim = [CCAnimation

animationWithFrames:walkAnimFramesdelay:0.1f];//第4步

_sprite=[CCSprite spriteWithSpriteFrameName:@"hero1.png"];

_sprite.position=ccp(240,160);

self.walkAction= [CCRepeatForever actionWithAction:

[CCAnimateactionWithAnimation:walkAnirestoreOriginalFrame:NO]];

[_spriterunAction:_walkAction];

[spriteSheet addChild:_sprite]; //第5步

}

return self;

}

- (void) dealloc

{

self.sprite=nil;

self.moveAction=nil;

self.walkAction=nil;

[super dealloc];

}

@end

逐步解析：

第1步： 缓冲sprite帧和纹理。 [[CCSpriteFrameCachesharedSpriteFrameCache]addSpriteFramesWithFile:

@"AnimHero.plist"];

首先，调用CCSpriteFrameCache的addSpriteFramesWithFile方法，然后把Zwoptex生成的plist文件当作参数传进去。这个方法做了以下几件事：1：寻找resource下和输入的参数名字一样但是后缀是.png的图片文件，然后把这个文件加入到共享的CCTextureCache中。就是AnimHero.png

2：解析plist文件，追踪所有的sprite在spritesheet中的位置，内部使用CCSpriteFrame对象追踪这些信息。

第2步：创建一个精灵处理批节点。

CCSpriteBatchNode*spriteSheet = [CCSpriteBatchNode

batchNodeWithFile:@"AnimHero.png"];

[selfaddChild:spriteSheet];

接下来，创建CCSpriteBatchNode对象，把spritesheet当作参数传进去，spritesheet工作原理：1：创建一个CCSpriteBatchNode 对象，通过传递一个包含所有sprite的spritesheet的名字作为参数，并加入到当前场景中。2：在spritesheet中创建的任何一个sprite，都应该当作CCSpriteBatchNode的一个孩子加进去，只要sprite包含在sprite中，就ok了。3：CCSpriteBatchNode可以智能遍历所有的孩子节点。

第3步：收集帧列表。

NSMutableArray*walkAnimFrames = [NSMutableArrayarray];

for(inti=1; i <=3; i++)

{

[walkAnimFramesaddObject:

[[CCSpriteFrameCachesharedSpriteFrameCache]spriteFrameByName:

[NSStringstringWithFormat:@"hero%i.png",i]]];

}

为了创建一系列的动画帧，我们简单地遍历我们的图片名字（它们是按照hero1.png-->hero3.png的方式命名的），然后使用共享的CCSpriteFrameCache来获得每一个动画帧。记住，它们已经在缓存里了，因为我们前面调用了addSpriteFramesWithFile方法。

第4步：创建对象动画

CCAnimation*walkAnim = [CCAnimation

animationWithFrames:walkAnimFramesdelay:0.1f]