源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Cocos2d-x触摸事件实例

  • 时间:2021-05-19 11:21 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Cocos2d-x触摸事件实例
在玩手机游戏的时候,屏幕接收我们的触摸消息是必不可少的,根据我们的触摸事件,去实现相应的功能,这里我们就来学习一下cocos2d-x中的触摸是怎么实现的。触摸分为单点触摸和多点触摸,先来看单点触摸,就是接收一个点的触摸。代码将实现过程清楚的写了下来,仔细分析代码吧。 [url=http://files.jb51.net/file_images/article/201409/2014091209215570.gif][img]http://files.jb51.net/file_images/article/201409/2014091209215570.gif[/img] [/url]
bool HelloWorld::init()
{
  bool bRet = false;
  do
  {
    CC_BREAK_IF(! CCLayer::init());

 //开启触摸
 this->setTouchEnabled(true);

    bRet = true;
  } while (0);

  return bRet;
}

//开启触摸以后必须注册触摸事件,告诉引擎你支持单点触摸还是多点触摸
void HelloWorld::registerWithTouchDispatcher()
{
 //addTargetedDelegate注册单点触摸,第一个参数代表为哪个对象注册触摸事件,第二个代表优先级,数字越
 //小,优先级越高,第三个参数代表是否吞噬消息,如果为true这个节点接受了消息,处理后,优先级比它小的节点
 //就接受不到消息了
 CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this,0,true);
}

//ccTouchBegan是必须要实现的函数,也是在四个协议方法中唯一一个返回值为bool类型的函数
//返回值是true的情况下,会接下来响应ccTouchMoved和ccTouchEnded和ccTouchCancelled函数。
//CCTouch中封装了关于触摸点的一些属性,例如坐标信息,CCEvent没有什么用
bool HelloWorld::ccTouchBegan(CCTouch * pTouch,CCEvent * pEvent)
{
 //获得opengl坐标下的点坐标
 CCPoint point = pTouch->getLocation();

 CCSprite * sprite = CCSprite::create("image.png");
 this->addChild(sprite);
 sprite->setPosition(point);

 return true;
}

//当手指在屏幕上移动的时候不断调用的一个方法
void HelloWorld::ccTouchMoved(CCTouch * touch,CCEvent * pEvent)
{
 //获得opengl坐标下的点坐标
 CCPoint point = touch->getLocation();

 CCSprite * sprite = CCSprite::create("image.png");
 this->addChild(sprite);
 sprite->setPosition(point);
}

//当手指抬起来的时候会调用的方法
void HelloWorld::ccTouchEnded(CCTouch * pTouch,CCEvent * pEvent)
{
 this->removeAllChildrenWithCleanup(true);
}
//还有一个ccTouchCancelled函数,在取消触摸事件的时候调用,比如我们在触屏的时候突然打来了电话
接下来用我们刚刚学到的知识,来实现拖拽精灵移动的效果。 [url=http://files.jb51.net/file_images/article/201409/2014091209215571.gif][img]http://files.jb51.net/file_images/article/201409/2014091209215571.gif[/img] [/url]
bool HelloWorld::init()
{
  bool bRet = false;
  do
  {
    CC_BREAK_IF(! CCLayer::init());

  //实现拖拽精灵移动的效果
  CCSprite * sprite = CCSprite::create("image2.png");
  sprite->setPosition(ccp(240,180));
  this->addChild(sprite,0,0);

  //开启触摸
  this->setTouchEnabled(true);

    bRet = true;
  } while (0);

  return bRet;
}

//开启触摸以后必须注册触摸事件,告诉引擎你支持单点触摸还是多点触摸
void HelloWorld::registerWithTouchDispatcher()
{
 //addTargetedDelegate注册单点触摸,第一个参数代表为哪个对象注册触摸事件,第二个代表优先级,数字越
 //小,优先级越高,第三个参数代表是否吞噬消息,如果为true这个节点接受了消息,处理后,优先级比它小的节点
 //就接受不到消息了
 CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this,0,true);
}

bool HelloWorld::ccTouchBegan(CCTouch * touch,CCEvent * pEvent)
{
 CCSprite * sprite = (CCSprite *)this->getChildByTag(0);
 //获得手指点击的点的坐标
 CCPoint point = touch->getLocation();
 //获得精灵所在的区域,CCRect包括x,y,width,height
 CCRect rect = sprite->boundingBox();

 //判断手指点击的点是否点在了精灵上
 if(rect.containsPoint(point))
 {
  //返回true则会接受其他的协议消息
  return true;
 }

 return false;
}

void HelloWorld::ccTouchMoved(CCTouch * touch,CCEvent * pEvent)
{
 /*
 这里可以直接将精灵的坐标设置为手指所在点的坐标位置,但是这样的话会产生跳跃的效果,视觉上不好看,这是
 因为精灵是在用自己的锚点占据我们设置的坐标位置,而不是我们点击在精灵身上的那个点放到我们的手指所在的位置
 */

 //分别获得了手指现在的点击点和手指上次的点击点位置
 CCPoint point = touch->getLocation();
 CCPoint pointPre = touch->getPreviousLocation();
 //ccpSub将俩个点相减,获得一个移动方向的向量
 CCPoint direction = ccpSub(point,pointPre);

 CCSprite * sprite = (CCSprite *)this->getChildByTag(0);
 CCPoint spritePoint = sprite->getPosition();
 //ccpAdd将精灵现在的位置点和移动方向的向量相加,获得精灵将要移动到的位置点
 CCPoint spriteDirection = ccpAdd(spritePoint,direction);
 sprite->setPosition(spriteDirection);
}
接下来学习多点触摸,多点触摸和单点触摸不同的是它的优先级要低于单点触摸,不论注册的时候里边传入的数字是多少,当然还有其它的一些区别,让我们看代码吧。以下是在windows上演示的效果,windows上没法实现多点触摸。 [url=http://files.jb51.net/file_images/article/201409/2014091209215672.gif][img]http://files.jb51.net/file_images/article/201409/2014091209215672.gif[/img] [/url]
bool HelloWorld::init()
{
  bool bRet = false;
  do
  {
    CC_BREAK_IF(! CCLayer::init());

  //实现拖拽精灵移动的效果
  CCSprite * sprite = CCSprite::create("image2.png");
  sprite->setPosition(ccp(240,180));
  this->addChild(sprite,0,0);

  //开启触摸
  this->setTouchEnabled(true);

    bRet = true;
  } while (0);

  return bRet;
}

void HelloWorld::registerWithTouchDispatcher()
{
 //注册多点触摸,里边只有俩个参数
 CCDirector::sharedDirector()->getTouchDispatcher()->addStandardDelegate(this,0);
}

//在多点触摸中,这四个协议函数在touch后边都加了es,并且每个协议函数不需要都实现,所有的返回值都是void
//CCSet是CCTouch的集合
void HelloWorld::ccTouchesBegan(CCSet * set,CCEvent * pEvent)
{
 //CCSetIterator是一个迭代器
 CCSetIterator iterator;
 //以下的方法就是从CCSet中获得对象的方法
 for(iterator = set->begin();iterator != set->end();iterator++)
 {
  //将元素强制转化为CCTouch *类型
  CCTouch * touch = (CCTouch *)(*iterator);
  CCPoint point = touch->getLocation();

  CCSprite * sprite = CCSprite::create("image.png");
  sprite->setPosition(point);
  this->addChild(sprite);
 }
}
接下来利用上边的多点触摸消息实现精灵的放大和缩放效果,大家看到的相册图片放大和缩小的效果也是这么实现的,但是windows不支持多点,所以这里只是说明原理。 查看源代码打印帮助
bool HelloWorld::init()
{
  bool bRet = false;
  do
  {
    CC_BREAK_IF(! CCLayer::init());

  //实现拖拽精灵移动的效果
  CCSprite * sprite = CCSprite::create("image2.png");
  sprite->setPosition(ccp(240,180));
  this->addChild(sprite,0,0);

  //开启触摸
  this->setTouchEnabled(true);

    bRet = true;
  } while (0);

  return bRet;
}

void HelloWorld::registerWithTouchDispatcher()
{
 //注册多点触摸,里边只有俩个参数
 CCDirector::sharedDirector()->getTouchDispatcher()->addStandardDelegate(this,0);
}

void HelloWorld::ccTouchesBegan(CCSet * set,CCEvent * pEvent)
{
 CCSetIterator iterator = set->begin();
 //获得第一个触摸点
 CCTouch * touch0 = (CCTouch *)(*iterator);
 iterator++;
 //程序执行到这里会死掉,因为windows只支持单点触摸,不支持多点,所以这里是不会获得第二个点的
 CCTouch * touch1 = (CCTouch *)(*iterator);
 length = ccpDistance(touch0->getLocation(),touch1->getLocation());
}

void HelloWorld::ccTouchesMoved(CCSet * set,CCEvent * pEvent)
{
 CCSetIterator iterator = set->begin();
 CCTouch * touch0 = (CCTouch *)(*iterator);
 iterator++;
 CCTouch * touch1 = (CCTouch *)(*iterator);
 float length2 = ccpDistance(touch0->getLocation(),touch1->getLocation());
 float times = length2/length;
 CCSprite * sprite = (CCSprite *)this->getChildByTag(0);
 sprite->setScale(times);
}
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部