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里:

  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;
  12. if(x1+w1*0.5<x2-w2*0.5)
  13. returnfalse;//矩形1在矩形2左方,两者无碰撞
  14. elseif(x1-w1*0.5>x2+w2*0.5)
  15. //矩形1在矩形2右方,两者无碰撞
  16. if(y1+h1*0.5<y2-h2*0.5)
  17. //矩形1在矩形2下方,两者无碰撞
  18. if(y1-h1*0.5>y2+h2*0.5)
  19. //矩形1在矩形2上方,两者无碰撞
  20. true;
  21. }
这个代码的原理就是我们上面所讲的东西,很简单吧!

三、英雄要打死怪物

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

(我把背景弄透明了,实际是这样的)

(我把背景弄透明了,实际是这样的)

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

碰撞检测的一个简单流程



然后就是实现了啦~

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,怪物死亡,并播放闪烁动画

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


    本文实践自 RayWenderlich、Ali Hafizji 的文章《How To Create Dynamic Textures with CCRenderTexture in Cocos2D 2.X》,文中使用Cocos2D,我在这里使用Cocos2D-x 2.1.4进行学习和移植。在这篇文章,将会学习到如何创建实时纹理、如何用Gimp创建无缝拼接纹
Cocos-code-ide使用入门学习地点:杭州滨江邮箱:appdevzw@163.com微信公众号:HopToad 欢迎转载,转载标注出处:http://blog.csdn.netotbaron/article/details/424343991.  软件准备 下载地址:http://cn.cocos2d-x.org/download 2.  简介2.1         引用C
第一次開始用手游引擎挺激动!!!进入正题。下载资源1:从Cocos2D-x官网上下载,进入网页http://www.cocos2d-x.org/download,点击Cocos2d-x以下的Download  v3.0,保存到自定义的文件夹2:从python官网上下载。进入网页https://www.python.org/downloads/,我当前下载的是3.4.0(当前最新
    Cocos2d-x是一款强大的基于OpenGLES的跨平台游戏开发引擎,易学易用,支持多种智能移动平台。官网地址:http://cocos2d-x.org/当前版本:2.0    有很多的学习资料,在这里我只做为自己的笔记记录下来,错误之处还请指出。在VisualStudio2008平台的编译:1.下载当前稳
1.  来源 QuickV3sample项目中的2048样例游戏,以及最近《最强大脑》娱乐节目。将2048改造成一款挑战玩家对数字记忆的小游戏。邮箱:appdevzw@163.com微信公众号:HopToadAPK下载地址:http://download.csdn.net/detailotbaron/8446223源码下载地址:http://download.csdn.net/
   Cocos2d-x3.x已经支持使用CMake来进行构建了,这里尝试以QtCreatorIDE来进行CMake构建。Cocos2d-x3.X地址:https://github.com/cocos2d/cocos2d-x1.打开QtCreator,菜单栏→"打开文件或项目...",打开cocos2d-x目录下的CMakeLists.txt文件;2.弹出CMake向导,如下图所示:设置
 下载地址:链接:https://pan.baidu.com/s/1IkQsMU6NoERAAQLcCUMcXQ提取码:p1pb下载完成后,解压进入build目录使用vs2013打开工程设置平台工具集,打开设置界面设置: 点击开始编译等待编译结束编译成功在build文件下会出现一个新文件夹Debug.win32,里面就是编译
分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!http://www.captainbed.net前言上次用象棋演示了cocos2dx的基本用法,但是对cocos2dx并没有作深入的讨论,这次以超级马里奥的源代码为线索,我们一起来学习超级马里奥的实
1. 圆形音量button事实上作者的本意应该是叫做“电位计button”。可是我觉得它和我们的圆形音量button非常像,所以就这么叫它吧~先看效果:好了,不多解释,本篇到此为止。(旁白: 噗。就这样结束了?)啊才怪~我们来看看代码:[cpp] viewplaincopyprint?CCContro
原文链接:http://www.cnblogs.com/physwf/archive/2013/04/26/3043912.html为了进一步深入学习贯彻Cocos2d,我们将自己写一个场景类,但我们不会走的太远,凡是都要循序渐进,哪怕只前进一点点,那也至少是前进了,总比贪多嚼不烂一头雾水的好。在上一节中我们建
2019独角兽企业重金招聘Python工程师标准>>>cocos2d2.0之后加入了一种九宫格的实现,主要作用是用来拉伸图片,这样的好处在于保留图片四个角不变形的同时,对图片中间部分进行拉伸,来满足一些控件的自适应(PS: 比如包括按钮,对话框,最直观的形象就是ios里的短信气泡了),这就要求图
原文链接:http://www.cnblogs.com/linji/p/3599478.html1.环境和工具准备Win7VS2010/2012,至于2008v2版本之后似乎就不支持了。 2.安装pythonv.2.0版本之前是用vs模板创建工程的,到vs2.2之后就改用python创建了。到python官网下载版本2.7.5的,然后
环境:ubuntu14.04adt-bundle-linux-x86_64android-ndk-r9d-linux-x86_64cocos2d-x-3.0正式版apache-ant1.9.3python2.7(ubuntu自带)加入环境变量exportANDROID_SDK_ROOT=/home/yangming/adt-bundle-linux/sdkexportPATH=${PATH}:/$ANDROID_SDK_ROOTools/export
1开发背景游戏程序设计涉及了学科中的各个方面,鉴于目的在于学习与进步,本游戏《FlappyBird》采用了两个不同的开发方式来开发本款游戏,一类直接采用win32底层API来实现,另一类采用当前火热的cocos2d-x游戏引擎来开发本游戏。2需求分析2.1数据分析本项目要开发的是一款游
原文链接:http://www.cnblogs.com/linji/p/3599912.html//纯色色块控件(锚点默认左下角)CCLayerColor*ccc=CCLayerColor::create(ccc4(255,0,0,128),200,100);//渐变色块控件CCLayerGradient*ccc=CCLayerGradient::create(ccc4(255,0,0,
原文链接:http://www.cnblogs.com/linji/p/3599488.html//载入一张图片CCSprite*leftDoor=CCSprite::create("loading/door.png");leftDoor->setAnchorPoint(ccp(1,0.5));//设置锚点为右边中心点leftDoor->setPosition(ccp(240,160));/
为了答谢广大学员对智捷课堂以及关老师的支持,现购买51CTO学院关老师的Cocos2d-x课程之一可以送智捷课堂编写图书一本(专题可以送3本)。一、Cocos2d-x课程列表:1、Cocos2d-x入门与提高视频教程__Part22、Cocos2d-x数据持久化与网络通信__Part33、Cocos2d-x架构设计与性能优化内存优
Spawn让多个action同时执行。Spawn有多种不同的create方法,最终都调用了createWithTwoActions(FiniteTimeAction*action1,FiniteTimeAction*action2)方法。createWithTwoActions调用initWithTwoActions方法:对两个action变量初始化:_one=action1;_two=action2;如果两个a
需要环境:php,luajit.昨天在cygwin上安装php和luajit环境,这真特么是一个坑。建议不要用虚拟环境安装打包环境,否则可能会出现各种莫名问题。折腾了一下午,最终将环境转向linux。其中,luajit的安装脚本已经在quick-cocos2d-x-develop/bin/中,直接luajit_install.sh即可。我的lin
v3.0相对v2.2来说,最引人注意的。应该是对触摸层级的优化。和lambda回调函数的引入(嗯嗯,不枉我改了那么多类名。话说,每次cocos2dx大更新。总要改掉一堆类名函数名)。这些特性应该有不少人研究了,所以今天说点跟图片有关的东西。v3.0在载入图片方面也有了非常大改变,仅仅只是