TexturePacker的使用与帧动画效果的实现

发表于2015-12-18
评论0 861浏览

TexturePacker的使用

点击Add Sprites按钮添加动画帧


点击publish生成plist文件与打包图片


把生成的plist文件与png文件添加到工程的资源文件目录



帧动画效果的实现

  1. //动画帧效果  
  2.   
  3. //1.创建动画帧序列  
  4. CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile("skill/skill26.plist","skill/skill26.png");  
  5. CCArray* frames = CCArray::createWithCapacity(18);//初始化容量为帧数  
  6. CCSpriteFrame* frame;  
  7. for (int i=1; i<=18; ++i)  
  8. {     
  9.     if(i<10){  
  10.         //name为未打包图片时的图片原名称  
  11.         frame = CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName(CCString::createWithFormat("skill26-0%d.png",i)->getCString());  
  12.     }  
  13.     else{  
  14.         frame = CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName(CCString::createWithFormat("skill26-%d.png",i)->getCString());  
  15.     }     
  16.     frames->addObject(frame);  
  17. }  
  18.   
  19. //2.根据动画帧序列创建动画(第二个参数为时间间隔)  
  20. CCAnimation* pAnimSkill44 = CCAnimation::createWithSpriteFrames(frames,0.2f);  
  21.   
  22. //3.根据动画创建动作  
  23. CCAnimate* pSkill44 = CCAnimate::create(pAnimSkill44);  
  24.   
  25. //4.让精灵执行该动作  
  26. CCSprite* pSprite = CCSprite::create();  
  27. pSprite->setPosition(ccp(visibleSize.width/2, visibleSize.height/2));  
  28. this->addChild(pSprite,1);  
  29. pSprite->runAction(CCRepeatForever::create(pSkill44));  

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引

0个评论