Cocos2d-x碰撞检测原理与英雄要打死怪物--之游戏开发《赵云要格斗》（7）

Cocos2d-x 前端之家
前端之家收集整理的这篇文章主要介绍了Cocos2d-x碰撞检测原理与英雄要打死怪物--之游戏开发《赵云要格斗》（7），前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

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

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

本文将详细讲述cocos2dx中英雄与怪物的碰撞检测原理，其实就是精灵和精灵碰撞检测哈。本文主要从矩形碰撞入手，自己编写了一个矩形碰撞检测的函数，并且在游戏中来进行应用。另一方面，当英雄出动攻击后，如果英雄和怪物碰撞到的话，怪物就要掉血，并且当怪物血量为0时，怪物死亡，死亡之前它还会倒在地上闪烁几下。下面，开始吧

cocos2d-x版本：2.2.5

工程环境：windows7+VS2010

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


先来看看效果：

目录

一、精灵碰撞检测原理

二、自定义碰撞检测函数

三、英雄要打死怪物

四、思路总结

一、精灵碰撞检测原理

碰撞检测网上有很多人在讲，但是一般都只讲怎么用，也都没具体的讲讲原理，自己下来就摸索了下，发现其实这个确实很简单。

首先，我们来看看两个矩形，我们定义如下两个矩形，矩形1：红色；矩形2：黑色


如果我们把它们所有的不碰撞的情形列出来，那么其它的不就是碰撞的么，想到这一点，我就从这个出发，然后它们不碰撞的情形我们可以分为四种

1.矩形1在矩形2左方，两者无碰撞

成立条件：x1+w1*0.5<x2-w2*0.5

2.矩形1在矩形2右方，两者无碰撞

成立条件：：x1-w1*0.5>x2+w2*0.5


3.矩形1在矩形2下方，两者无碰撞

成立条件：：y1+h1*0.5<y2-h2*0.5

4.矩形1在矩形2上方，两者无碰撞


成立条件：y1-h1*0.5>y2+h2*0.5

上面四种就是所有的不碰撞的情况了，然后我们弄个判断，依次检测上面四种情形，一旦发现有一种情况成立，就返回无碰撞，如果四种情况都不成立，那恭喜你了，碰撞成功了！

二、自定义碰撞检测函数

碰撞检测对于精灵类可以用

sprite1->boundingBox().intersectsRect(sprite1->boundingBox())

只不过我这个游戏中的英雄和怪物都是自己定义的类，所以直接调用上面的函数就出点儿问题，所以自己就把前面碰撞检测的原理写了个函数，可以直接调用了，不用管你是什么对像。

首先，在用到碰撞检测的地方#include "HelloWorldScene.h"

定义函数

//矩形碰撞检测
bool isRectCollision (CCRect rect1,CCRect rect2);

然后在其实现函数里HelloWorldScene.cpp里：

[cpp] view plain copy
  1. ///碰撞检测
  2. boolHelloWorld::isRectCollision(CCRectrect1,CCRectrect2)
  3. {
  4. floatx1=rect1.origin.x;//矩形1中心点的横坐标
  5. floaty1=rect1.origin.y;//矩形1中心点的纵坐标
  6. floatw1=rect1.size.width;//矩形1的宽度
  7. floath1=rect1.size.height;//矩形1的高度
  8. floatx2=rect2.origin.x;
  9. floaty2=rect2.origin.y;
  10. floatw2=rect2.size.width;
  11. floath2=rect2.size.height;
  13. if(x1+w1*0.5<x2-w2*0.5)
  14. returnfalse;//矩形1在矩形2左方，两者无碰撞
  15. elseif(x1-w1*0.5>x2+w2*0.5)
  16. //矩形1在矩形2右方，两者无碰撞
  17. if(y1+h1*0.5<y2-h2*0.5)
  18. //矩形1在矩形2下方，两者无碰撞
  19. if(y1-h1*0.5>y2+h2*0.5)
  20. //矩形1在矩形2上方，两者无碰撞
  22. true;
  23. }
这个代码的原理就是我们上面所讲的东西，很简单吧！

三、英雄要打死怪物

现在我们要调用二中的函数，我们先来看看英雄和怪物的碰撞范围吧

（我把背景弄透明了，实际是这样的）

（我把背景弄透明了，实际是这样的）

所以，这里要注意下。这里就是要小心，最好不要把整个图片的宽度和高度都包含进去；

碰撞检测的一个简单流程



然后就是实现了啦～

void HelloWorld::update(float delta)函数中添加

    if(hero->IsAttack)//英雄正在攻击
  1. {
  2. if(!monster1->Isdead)//怪物还没死
  3. if(abs(hero->getPositionY()-monster1->getPositionY())<30)//怪物和英雄应该在一个差不多的水平高度上，攻击才有效
  4. //检测是否碰撞到怪物，这里要注意要减去一些边框值
  5. if(this->isRectCollision(CCRectMake(hero->getPositionX(),hero->getPositionY(),hero->GetSprite()->getContentSize().width-70,hero->GetSprite()->getContentSize().height-30),CCRectMake(monster1->getPositionX(),monster1->getPositionY(),monster1->GetSprite()->getContentSize().width-30,monster1->GetSprite()->getContentSize().height-20)))
  6. monster1->HurtAnimation("monster_hurt",2,monster1->MonsterDirecton);//受伤
  7. }
  8. }
  9. }

好了，这里得来讲讲怪物受伤死亡动画了了

接着上一篇讲的Monster.h增加函数

    //受伤动画
  1. voidHurtAnimation(constchar*name_each,constunsignedintnum,boolrun_directon);
  2. //受伤动画结束
  3. voidHurtEnd();
  4. //判断是否在受伤动画
  5. boolIsHurt;
  6. //死亡动画
  7. voidDeadAnimation(boolrun_directon);
  8. //死亡动画结束
  9. voidDeadEnd();
  10. //判断是否死亡
  11. boolIsdead;
  12. //怪物死亡闪烁结束
  13. voidBlinkEnd();
然后在实现函数Monster.cpp

    voidMonster::HurtAnimation(boolrun_directon)
  1. if(IsHurt||Isdead)
  2. return;
  3. //受伤优先
  4. if(IsRunning||IsAttack)
  5. m_MonsterSprite->stopAllActions();//当前精灵停止所有动画
  6. //恢复精灵原来的初始化贴图
  7. this->removeChild(m_MonsterSprite,TRUE);//把原来的精灵删除掉
  8. m_MonsterSprite=CCSprite::create(Monster_name);//恢复精灵原来的贴图样子
  9. m_MonsterSprite->setFlipX(MonsterDirecton);
  10. this->addChild(m_MonsterSprite);
  11. IsRunning=false;
  12. IsAttack=false;
  13. CCAnimation*animation=CCAnimation::create();
  14. for(inti=1;i<=num;i++)
  15. charszName[100]={0};
  16. sprintf(szName,"%s%d.png",name_each,i);
  17. animation->addSpriteFrameWithFileName(szName);//加载动画的帧
  18. animation->setDelayPerUnit(2.8f/14.0f);
  19. animation->setRestoreOriginalFrame(true);
  20. animation->setLoops(1);//动画循环1次
  21. //将动画包装成一个动作
  22. CCAnimate*act=CCAnimate::create(animation);
  23. //创建回调动作，受伤动画结束调用HurtEnd()
  24. CCCallFunc*callFunc=CCCallFunc::create(this,callfunc_selector(Monster::HurtEnd));
  25. //创建连续动作
  26. CCActionInterval*hurtackact=CCSequence::create(act,callFunc,NULL);
  27. m_MonsterSprite->runAction(hurtackact);
  28. IsHurt=//受伤动画结束
  29. voidMonster::HurtEnd()
  30. IsHurt= Monster_xue->setCurrentProgress(Monster_xue->getCurrentProgress()-10);
  31. if(Monster_xue->getCurrentProgress()==0)
  32. //播放怪物死亡动画
  33. DeadAnimation("monster_dead",MonsterDirecton);
  34. //死亡动画
  35. voidMonster::DeadAnimation( Isdead= CCAnimation*animation=CCAnimation::create();
  36. inti=1;i<=num;i++)
  37. charszName[100]={0};
  38. sprintf(szName,i);
  39. animation->addSpriteFrameWithFileName(szName);//加载动画的帧
  40. animation->setDelayPerUnit(2.8f/14.0f);
  41. animation->setRestoreOriginalFrame(true);
  42. animation->setLoops(1);//动画循环1次
  43. //将动画包装成一个动作
  44. CCAnimate*act=CCAnimate::create(animation);
  45. //创建回调动作，死亡结束后调用deadact()
  46. CCCallFunc*callFunc=CCCallFunc::create(//创建连续动作
  47. CCActionInterval*deadact=CCSequence::create(act,NULL);
  48. m_MonsterSprite->runAction(deadact);
  49. voidMonster::DeadEnd()
  50. //恢复死亡的样子
  51. //把原来的精灵删除掉
  52. m_MonsterSprite=CCSprite::create("monster_dead2.png"); m_MonsterSprite->setFlipX(MonsterDirecton);
  53. this->addChild(m_MonsterSprite);
  54. //存在血条
  55. if(Monster_xue!=NULL)
  56. if(MonsterDirecton)//因为怪物中心不在图片中心，所以只能根据怪物的脸朝向，设置血条的横坐标
  57. Monster_xue->setPosition(ccp(m_MonsterSprite->getPositionX()+60,m_MonsterSprite->getPositionY()));//设置在怪物上头
  58. else
  59. Monster_xue->setPosition(ccp(m_MonsterSprite->getPositionX()-60,m_MonsterSprite->getPositionY()));
  60. //怪物闪两下再死亡
  61. CCBlink*blinkact=CCBlink::create(3,6);//3是持续时间，6是闪的次数
  62. //创建回调动作，闪烁结束后调用BlinkEnd()
  63. CCActionInterval*deadact=CCSequence::create(blinkact,0); background-color:inherit">//闪烁结束
  64. voidMonster::BlinkEnd()
  65. this->removeAllChildren();//把怪物和血条都删除掉;
  66. }

怪物死亡的一个过程，在每次受伤掉血后，立马检测当前血量，如果血量为0，马上播放死亡动画，接着再播放闪烁动画，然后就可以把怪物删除掉了啦～～就这么简单

效果：

1、怪物在巡逻，这时攻击没有检测到碰撞

2、英雄在攻击，检测到碰撞，怪物受伤并掉血

3、怪物血量为0，怪物死亡，并播放闪烁动画

这里碰撞检测我是反其它道而行，把所有不碰撞的可能都列出来，其它的不就是碰撞的了么？然后再来自己编程，另一方面，怪物就是受伤、死亡的动画，以及闪烁，这些都是很基础的，基本上都是相同的函数，只要用一次你就会了。就是这里要记得这是按顺序的动作，要记得这点就行了

猜你在找的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外接键盘流式标签