Cocos2d-x自定义按钮类控制精灵攻击----之游戏开发《赵云要格斗》（2）

Cocos2d-x 前端之家
前端之家收集整理的这篇文章主要介绍了Cocos2d-x自定义按钮类控制精灵攻击----之游戏开发《赵云要格斗》（2），前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

这里是Evankaka的博客，欢迎大家前来讨论与交流～～～～～～

转载请注明出处http://www.jb51.cc/article/p-hdyrdsld-kh.html

本篇要讲讲怎么自定义按钮类，并通过这个按钮类的对像来控制精灵的攻击。在看本篇之前最好先看看上一篇

Cocos2d-x虚拟摇杆控制精灵上下左右运动----之游戏开发《赵云要格斗》（1），要素材和项目代码的把邮箱留下吧，因为这个项目还没弄完，我一直在改。

精灵的攻击也是一个动画，只不过，这个动画只播放一次，相当于在界面上加一个按钮，然后你点一次按钮，精灵就播放一次动画。这里之所以自定义按钮类是为了后头方便能添加多个按钮来实现英雄不同的攻击方式。以及技能冷却等。

cocos2d-x版本：2.2.5

工程环境：windows7+VS2010

打开方式：将工程放在cocos2d-x安装目录下的project文件夹下用VS打开

（源码免费下载）

目录

一、自定义按钮类

二、精灵攻击动画和结束判断

三、自定义按钮控制精灵



一、自定义按钮类

按钮可以用COCOS2D-X自带的，想着方便一点，我就自己封装了一个按钮类ControlButton，在里面添加一个//按钮控件变量CCControlButton* controlBtn;并对其添加相应的回调事件即可实现我们自己封装的按钮类

  1. #ifndef __ControlButton_H__
  2. #define __ControlButton_H__
  3. #include "cocos2d.h"
  4. #include "cocos-ext.h"
  5. USING_NS_CC;
  6. USING_NS_CC_EXT; 
  7. //用于标识当前按钮的状态
  8. typedef enum{
  9. 	touch_begin,touch_down,touch_up,}tagForTouch;
  10. class ControlButton :public CCNode
  11. {
  12. public:
  13. 	ControlButton();
  14. 	~ControlButton();
  15. 	CREATE_FUNC(ControlButton);
  16. 	//创建按钮,其中name_png为按钮的背景图片，button_title为按钮图片上要显示的文字，num为文字的透明度0-100，0为透明
  17. 	 void CreateButton(const char* name_png,const char* button_title="0",unsigned int num=0);
  18. 	//绑写按钮事件 
  19. 	void BindButtonEven();
  20. 	/* 当鼠标处于按下并曾经点中按钮时，则触发一次 */ 
  21. 	void touchDownAction(CCObject* pSender,CCControlEvent event); 
  22. 	/* 当鼠标处于按下并曾经点中按钮的状态下，鼠标进入按钮范围，则触发一次 */  
  23. 	void touchDragEnter(CCObject* pSender,CCControlEvent event);  
  24. 	/* 当鼠标处于按下并曾经点中按钮的状态下，鼠标离开按钮范围，则触发一次 */  
  25. 	void touchDragExit(CCObject* pSender,CCControlEvent event);  
  26. 	/* 当鼠标处于按下并曾经点中按钮的状态下，鼠标进入按钮范围，则触发，只要达到条件，就不断触发 */  
  27. 	void touchDragInside(CCObject* pSender,CCControlEvent event);  
  28. 	/* 当鼠标处于按下并曾经点中按钮的状态下，鼠标离开按钮范围，则触发，只要达到条件，就不断触发 */ 
  29. 	void touchDragOutside(CCObject* pSender,CCControlEvent event);  
  30. 	/* 当鼠标处于按下并曾经点中按钮的状态下，鼠标松开且在按钮范围内，则触发一次 */
  31. 	void touchUpInside(CCObject* pSender,CCControlEvent event);  
  32. 	/* 当鼠标处于按下并曾经点中按钮的状态下，鼠标松开且在按钮范围外，则触发一次 */  
  33. 	void touchUpOutside(CCObject* pSender,CCControlEvent event);  
  34. 	/* 暂时没有发现能用鼠标触发这个事件的操作，看了注释，应该是由其它事件中断按钮事件而触发的 */ 
  35. 	void touchCancel(CCObject* pSender,CCControlEvent event);
  36. 	//是否按下按钮
  37. 	bool isTouch;
  38. private:
  39. 	//按钮控件变量
  40. 	CCControlButton* controlBtn;
  41. };
  42. #endif

ControlButton.cpp文件 
  1. #include "ControlButton.h"
  2. ControlButton::ControlButton():controlBtn(NULL),isTouch(false)
  3. {
  4. }
  5. ControlButton::~ControlButton()
  6. {
  7.  
  8. }
  9. void ControlButton::CreateButton(const char* name_png,const char* button_title,unsigned int num)
  10. {
  11. 	//得到按钮图片的大小 
  12. 	CCScale9Sprite* btn = CCScale9Sprite::create(name_png);  
  13. 	CCLOG("%f",btn->getContentSize().width);
  14. 	CCLOG("%f",btn->getContentSize().height);
  15. 	int  png_height=static_cast<int>(btn->getContentSize().height);
  16. 	int  png_width=static_cast<int>( btn->getContentSize().width);
  17. 	btn->release();
  18.  
  19. 	//要显示的图片大小 
  20. 	CCRect rect = CCRectMake(0,png_width,png_height);   //图片的大小  
  21. 	CCRect rectInsets = CCRectMake(1,1,1); //left，right，width，height  
  22.  
  23. 	//按钮标题,Marker Felt为字体类型，png_height为字体高度
  24. 	CCLabelTTF *title = CCLabelTTF::create(button_title,"Marker Felt",png_height-10);  
  25. 	title->setOpacity(num);//设置可见度
  26.  
  27. 	//正常状态下的按钮图片 
  28. 	CCScale9Sprite *btnNormal = CCScale9Sprite::create(name_png,rect,rectInsets);  
  29. 	
  30. 	//创建按钮
  31. 	controlBtn = CCControlButton::create(title,btnNormal); 
  32. 	this->addChild(controlBtn); 
  33. 	//绑定事件
  34. 	BindButtonEven();
  35. 	
  36. 	
  37. }
  38. void ControlButton::BindButtonEven()
  39. {
  40. 	if(!controlBtn)
  41. 		return;
  42. 	controlBtn->addTargetWithActionForControlEvents(this,cccontrol_selector(ControlButton::touchDownAction),CCControlEventTouchDown);  
  43. 	controlBtn->addTargetWithActionForControlEvents(this,cccontrol_selector(ControlButton::touchDragEnter),CCControlEventTouchDragEnter);  
  44. 	controlBtn->addTargetWithActionForControlEvents(this,cccontrol_selector(ControlButton::touchDragExit),CCControlEventTouchDragExit);  
  45. 	controlBtn->addTargetWithActionForControlEvents(this,cccontrol_selector(ControlButton::touchDragInside),CCControlEventTouchDragInside);  	
  46. 	controlBtn->addTargetWithActionForControlEvents(this,cccontrol_selector(ControlButton::touchDragOutside),CCControlEventTouchDragOutside);  	
  47. 	controlBtn->addTargetWithActionForControlEvents(this,cccontrol_selector(ControlButton::touchUpInside),CCControlEventTouchUpInside);  
  48. 	controlBtn->addTargetWithActionForControlEvents(this,cccontrol_selector(ControlButton::touchUpOutside),CCControlEventTouchUpOutside);  
  49. 	controlBtn->addTargetWithActionForControlEvents(this,cccontrol_selector(ControlButton::touchCancel),CCControlEventTouchCancel); 
  50. }
  51. /* 当鼠标处于按下并曾经点中按钮时，则触发一次 */  
  52. void ControlButton::touchDownAction(CCObject* pSender,CCControlEvent event)
  53. {
  54. 	isTouch=true;
  55.  
  56. }
  57. /* 当鼠标处于按下并曾经点中按钮的状态下，鼠标进入按钮范围，则触发一次 */  
  58. void ControlButton::touchDragEnter(CCObject* pSender,CCControlEvent event)
  59. {
  60. 	
  61. }
  62. /* 当鼠标处于按下并曾经点中按钮的状态下，鼠标离开按钮范围，则触发一次 */  
  63. void ControlButton::touchDragExit(CCObject* pSender,CCControlEvent event)
  64. {
  65. 	
  66. }
  67. /* 当鼠标处于按下并曾经点中按钮的状态下，鼠标进入按钮范围，则触发，只要达到条件，就不断触发 */  
  68. void ControlButton::touchDragInside(CCObject* pSender,CCControlEvent event)
  69. {
  70.  
  71. }
  72. /* 当鼠标处于按下并曾经点中按钮的状态下，鼠标离开按钮范围，则触发，只要达到条件，就不断触发 */  
  73. void ControlButton::touchDragOutside(CCObject* pSender,CCControlEvent event)
  74. {
  75.  
  76. }
  77. /* 当鼠标处于按下并曾经点中按钮的状态下，鼠标松开且在按钮范围内，则触发一次 */  
  78. void ControlButton::touchUpInside(CCObject* pSender,CCControlEvent event)
  79. {
  80. 	isTouch=false;
  81.  
  82. }
  83.  
  84. /* 当鼠标处于按下并曾经点中按钮的状态下，鼠标松开且在按钮范围外，则触发一次 */  
  85. void ControlButton::touchUpOutside(CCObject* pSender,CCControlEvent event)
  86. {
  87. 	
  88.  
  89. }
  90. /* 暂时没有发现能用鼠标触发这个事件的操作，看了注释，应该是由其它事件中断按钮事件而触发的 */ 
  91. void ControlButton::touchCancel(CCObject* pSender,CCControlEvent event)
  92. {
  93.  
  94. }

.cpp中保留了一些按钮的事件，如果后头有需要或者你有什么需要可以直接拿去改，十分方便。

使用方法：

在要用到的地方加头文件#include "ControlButton.h"

定义成员变量： ControlButton* btn;//按钮控件变量

在bool HelloWorld::init()函数里添加：

  1. //添加攻击按钮
  2. 	btn=ControlButton::create();
  3. 	btn->CreateButton("bt.png");
  4. 	btn->setPosition(ccp(visibleSize.width-50,50));
  5. 	this->addChild(btn,2);
我们来看看效果


二、精灵攻击动画和结束判断

按钮有了，接下来要想想怎么来控制精灵攻击的动画呢？
精灵攻击的动画应该是我们按下按钮，他就播放一次动画，这里为小心，如果我们连着按按钮很快呢？这时精灵就会动得很不真实，我们应该每次按下前要先判断上次的动画是否结束，如果结束，而且又按下按钮，那么就就放攻击的动画，如果上次的动画还没结束，那就不再播放攻击的动画。
这时，我想起了，在Hero.h(上篇中的)定义bool I sAttack成员变量，默认为false;。在攻击就是true,然后在攻击动画结束后把它设为false,
同时增加两个函数
//攻击动画
void AttackAnimation(const char *name_plist,const char *name_png,const char *name_each,const unsigned int num,bool run_directon);
//攻击动画结束
void AttackEnd();

然后相应的实现 
  1.   void Hero::AttackAnimation(const char *name_plist,bool run_directon)
  2.   {
  3. 	  if(IsAttack)
  4. 		  return;
  5. 	  //将图片加载到精灵帧缓存池
  6. 	 m_frameCache=CCSpriteFrameCache::sharedSpriteFrameCache();
  7. 	  m_frameCache->addSpriteFramesWithFile(name_plist,name_png);
  8. 	 frameArray =CCArray::createWithCapacity(num);
  9. 	  unsigned int i;
  10. 	  for(i=1;i<=num;i++)
  11. 	  {
  12. 		  CCSpriteFrame* frame=m_frameCache->spriteFrameByName(CCString::createWithFormat("%s%d.png",name_each,i)->getCString());
  13. 		  frameArray->addObject(frame);
  14. 	  }
  15. 	  //使用列表创建动画对象
  16. 	  CCAnimation* animation=CCAnimation::createWithSpriteFrames(frameArray);
  17. 	  if(HeroDirecton!=run_directon)
  18. 	  {   HeroDirecton=run_directon;
  19.  
  20. 	  }
  21. 	  animation->setLoops(1);//表示循环播放次
  22. 	  animation->setDelayPerUnit(0.1f);//每两张图片的时间隔，图片数目越少，间隔最小就越小
  23.  
  24. 	  //将动画包装成一个动作
  25. 	  CCAnimate* act=CCAnimate::create(animation);
  26. 	  //创建回调动作，攻击结束后调用AttackEnd()
  27. 	  CCCallFunc* callFunc=CCCallFunc::create(this,callfunc_selector(Hero::AttackEnd));
  28. 	  //创建连续动作
  29. 	 CCActionInterval* attackact=CCSequence::create(act,callFunc,NULL);
  30. 	  IsAttack=true;
  31. 	  m_HeroSprite->runAction(attackact); 
  32.  
  33.   }
  34.   void Hero::AttackEnd()
  35.   {
  36. 	  //恢复精灵原来的初始化贴图 
  37. 	  this->removeChild(m_HeroSprite,TRUE);//把原来的精灵删除掉
  38. 	  m_HeroSprite=CCSprite::create(Hero_name);//恢复精灵原来的贴图样子
  39. 	  m_HeroSprite->setFlipX(HeroDirecton);
  40. 	  this->addChild(m_HeroSprite);
  41. 	   IsAttack=false;
  42.   }

上面的创建连续动作是本次的关键点，在每次攻击动画AttackAnimation(...)结束后，它就会调用AttackEnd(),从而我们就可以知道是否在攻击动画了。

三、自定义按钮控制精灵
在最前面我们已添加了ControlButton* btn;//按钮控件变量。。
只需要在void HelloWorld::update(float delta)(这可以看上一篇)增加即可
if(btn->isTouch)
hero->AttackAnimation("attack1_animation.plist","attack1_animation.png","attack_",6,rocker->rocketRun);
这里的attack_表示图片中的公共名称部分，即attack1_animation.png中有6张图片，命名为attack_1.png,attack_2png.....attack_6.png

下来我们来看看效果吧～
看到了没。效果就是这样的，因为攻击动画的图片不是每张都一样大小，所以精灵攻击时的位置和原来的位置有点儿移动，这里只要改改图片就行了，因为图片实在不好弄，所以将就下吧，以后找到好的图片再来换了

猜你在找的Cocos2d-x相关文章

创建自定义的Cocos2d-x场景
操作步骤 1、创建cocos2d-x工程 2、新建 Scene1.cpp Scene1.h Scene1.h代码 #ifndef __SCE...
给vs2010安装上cocos2d-x的模版
开发环境：OS(WINDOWS 8.1 X64 企业版) cocos2d-x 2.2.1 vs2010 想给vs安装上cocos的模版，...
Python创建Cocos2d-x 2.2方法
把创建项目做成一个批处理，当创建项目时可以省时省力很多。 操作步骤 1、在 E:cocos2d-x-...
cocos2dx 物理碰撞
https://www.cnblogs.com/JiaoQing/p/3906780.html 四个响应函数 1 EventListenerPhysics...
cocos2d-js 自定义事件监听派发
转载于 http://www.cnblogs.com/kenkofox/p/3926797.html 熟悉js的dom事件或者flash事件的...
cocos常用 实用 公共函数 lua代码
公共资源加载，缓存retain；防止被自动销毁 2. 数字滚动递增；用于得奖后，总金币跳动增加...
cocos creator box2d
title Map 使用box2d var sfloors = this.tiledMap.getObjectGroup(‘Special_Floor‘).g...
（转）让quick-cocos2d-x支持加密的plist文件
前篇：quick-cocos2d-x图片资源加密 在前篇里面，我们实现了图片资源的加密，但还没有实现...
（转）quick-cocos2d-x图片资源加密(续)
摘要: 对在quick-cocos2d-x上实现的资源加密方法的补充 前篇： quick-cocos2d-x图片资源加...
Cocos Creator 动态改变sprite图片
首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url...
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签