当前位置:主页 > c/c++教程 > Cocos2d-x触摸事件

Cocos2d-x触摸事件代码及效果

发布:2021-05-22 08:26:17 59


给大家整理一篇Cocos2d-x相关的编程文章,网友广正奇根据主题投稿了本篇教程内容,涉及到Cocos2d-x、触摸事件、Cocos2d-x触摸事件相关内容,已被918网友关注,涉猎到的知识点内容可以在下方电子书获得。

Cocos2d-x触摸事件

在玩手机游戏的时候,屏幕接收我们的触摸消息是必不可少的,根据我们的触摸事件,去实现相应的功能,这里我们就来学习一下cocos2d-x中的触摸是怎么实现的。触摸分为单点触摸和多点触摸,先来看单点触摸,就是接收一个点的触摸。代码将实现过程清楚的写了下来,仔细分析代码吧。

触摸事件

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函数,在取消触摸事件的时候调用,比如我们在触屏的时候突然打来了电话

接下来用我们刚刚学到的知识,来实现拖拽精灵移动的效果。

触摸事件

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上没法实现多点触摸。

触摸事件

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);
}

相关文章

网友讨论