Cocos2dx 3.0 过渡篇(十四)用touch拖动女主打败小三!

首先我要说明的是:这是一篇女主与小三争夺男主的故事!该故事场面规模宏大,剧情环环紧扣,堪称苦情剧中的穿越剧,
爱情公寓里的爱森公寓...
上集剧情介绍: http://blog.csdn.net/start530/article/details/20153367

-------------------------------------
boy 和 girl 甜蜜的交往了两年,但是,由于boy是一个文理双修的优秀男儿,小三不得不跳出来了!小三设计出种种阴谋
来拆散boy和girl。最后他俩大吵了一架。在冷战期间,小三强势入内,伴随boy左右!女主发现这个情况后,意识到所有一切都是小三搞的鬼,但她又拉不下脸来去和boy道歉。而我们的故事也就是从这里开始的。
主线剧情:拖动girl移动到男主旁的红色框框内。
分线剧情:girl一进入红框,就能立马被boy文理双修的气质所吸引,飞到他..身边。
分线剧情:按照剧情安排,小三必须在女主回来的时候马上离开!


-------------------------------------------------------
实现过程:

1、添加触摸监听事件:

[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. auto listener = EventListenerTouchOneByOne::create();//创建一个触摸监听(单点触摸)  
  2. listener->onTouchBegan = CC_CALLBACK_2(HelloWorld::onTouchBegan, this);//指定触摸的回调函数  
  3. listener->onTouchEnded = CC_CALLBACK_2(HelloWorld::onTouchEnded, this);  
  4. listener->onTouchMoved = CC_CALLBACK_2(HelloWorld::onTouchMoved, this);  
  5. _eventDispatcher->addEventListenerWithSceneGraphPriority(listener, this);//将listener放入事件委托中  

2、创建boy,girl,girl_3

[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. boy = Sprite::create("boy.png");//创建男主  
  2. boy->setPosition(Point(400,370));  
  3. this->addChild(boy,1);  
  4.   
  5. girl_1 = Sprite::create("girl_1.png");//创建女主  
  6. girl_1->setPosition(Point(250,250));  
  7. this->addChild(girl_1,1);  
  8.   
  9. girl_3 = Sprite::create("girl_3.png");//创建小三  
  10. girl_3->setPosition(Point(450,370));  
  11. this->addChild(girl_3,1);  

3、接收监听,touchBegan

[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. bool HelloWorld::onTouchBegan(Touch* touch, Event  *event)  
  2. {  
  3.     return true;//返回true表示接收触摸事件  
  4. }   

4、拖动女主移动

[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. void HelloWorld::onTouchMoved(Touch* touch, Event  *event)  
  2. {  
  3.     auto beginPos = touch->getLocationInView();//获得触摸位置  
  4.     beginPos = Director::getInstance()->convertToGL(beginPos);//坐标转换  
  5.   
  6.     auto girlPos = girl_1->getPosition();//获取女主的位置  
  7.     auto girlSize = girl_1->getContentSize();//获取女主的三围(大小)  
  8.     //针对女主的坐标和三围定制一个凶..框框  
  9.     auto rect = Rect(girlPos.x - girlSize.width/2,girlPos.y - girlSize.height/2,girlSize.width + 10,girlSize.height + 10);  
  10.     if(rect.containsPoint(beginPos))//判断触点是否在女主身上!  
  11.     {  
  12.         auto endPos = touch->getPreviousLocationInView();//获取触摸的前一个位置  
  13.         endPos = Director::sharedDirector()->convertToGL(endPos);//转换坐标  
  14.   
  15.         auto offset = Point(beginPos-endPos);//获取offset,2.14是用ccpSub,3.0后直接用 - 号就可以  
  16.         auto nextPos = Point(girlPos + offset);//获取女主的下一步计划,2.14用的是ccpAdd,  
  17.         girl_1->setPosition(nextPos);  
  18.     }    
  19. }  

5、判断女主移动的最后位置,如果在红框,则被吸引,同时小三离开。如果不在,则女主回原地,小三不动。

[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. void HelloWorld::onTouchEnded(Touch* touch, Event  *event)  
  2. {  
  3.     auto lastPos = touch->getLocationInView();  
  4.     lastPos = Director::getInstance()->convertToGL(lastPos);  
  5.   
  6.     auto rect = Rect(400,300,100,150);//建立一个选中区域,女主如果拖动到这个框内就可以瞬移进来,反之是小三进来  
  7.       
  8.     MoveTo* moveTo_1;//女主的动作  
  9.     MoveTo* moveTo_3;//小三的动作  
  10.     if(rect.containsPoint(lastPos))  
  11.     {  
  12.         moveTo_1 = MoveTo::create(0.1f,Point(450,370));  
  13.         moveTo_3 = MoveTo::create(0.1f,Point(250,250));  
  14.     }  
  15.     else  
  16.     {  
  17.         moveTo_1 = MoveTo::create(0.1f,Point(250,250));  
  18.         moveTo_3 = MoveTo::create(0.1f,Point(450,370));  
  19.     }  
  20.   
  21.     girl_1->runAction(moveTo_1);//男主争夺战~~  
  22.     girl_3->runAction(moveTo_3);  
  23. }  

--------------------------------------------------------
这个故事告诉我们,情侣之间一定要珍惜彼此的感情,我们并不是在演三国,分分合合终究是有风险的。一个疏忽,小三自然就出现了。


本博客纯属娱乐;
转载请注明来自star特530
http://blog.csdn.net/start530/article/details/20319009
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值