本系列学习教程使用的是cocos2d-x-2.1.4(最新版为3.0alpha0-pre) ,PC开发环境Windows7,C++开发环境VS2010
游戏主要是玩家和程序的交流。无论你的动画做得多么生动,特效做得如何炫,游戏还是要和玩家进行互动和交
流。在智能手机中,主要的输入操作是通过触摸屏幕、重力感应等方式实现的,而输入文字主要通过虚拟键盘等实现
的。下面就让我们一起来学习触屏事件的使用。
一、触屏事件
在Cocos2D-X中,继承自触屏代理协议CCTouchDelegate的布景层类CCLayer可以检测触屏事件并调用回调函
数。首先来看CCTouchDelegate类的继承关系,如下图所示。
CCTouchDelegate的子类中,CCStandardTouchDelegate协议是标准的获得多点触摸点的范例,
CCTargetedTouchDelegate不用处理触摸点的集合,它是返回单点的。
但是需要注意的是,CCTargetedTouchDelegate并没有屏蔽多点触摸,而是将多点离散成了单点,同时传递过来
了。可以在开始触摸的函数中返回true来实现之后获得的触摸点肯定是自己的。此外,我们常用的类是布景层类
CCLayer,也就是说,在布景层类中可以重写ccTouchesBegan等函数获得触屏的信息。
二、触屏事件监听函数
1、在CCDirector类中有如下函数。
<1> addTargetedDelegate(CCTouchDelegate * pDelegate,int nPriority,bool bSwallowsTouches)
作用:在Dispatcher的列表中注册一个触屏事件的委托,用以监听用户的触屏事件。
参数1:触屏事件委托CCTouchDelegate目标。
参数2:优先级(其值越小优先级越高,优先级越高越早被响应)。
参数3:是否拦截触屏事件。
当第3个参数为true时,表示对本次触屏事件进行拦截,也就是说当触屏事件响应了本次触屏委托后,不会再继续
将此触屏事件分发响应到Dispatcher列表中的其他委托中。
如果CCNode使用了CCTouchDelegate接口,并且注册了触屏委托,那么当用户触摸手机屏幕后,Cocos2D-X会
从当前设备拦截到此事件,并开始遍历Dispatcher的列表,逐一对注册过的CCNode进行响应对应的触屏事件。
2、一般触屏事件分为三种。
<1> bool virtual bool ccTouchBegan(CCTouch * touch,CCEvent * event)
作用:当用户手指第一次触碰到手机屏幕时响应的回调函数。
返回值:bool类型。当返回true时,表示继续响应ccTouchMoved、ccTouchEnded事件;当返回false时,则不再继
续响应这两个事件。
<2> virtual bool ccTouchMoved(CCTouch * touch,CCEvent * event)
作用:当用户手指在手机屏幕上进行移动(拖动)时响应的回调函数。
<3> virtual bool ccTouchEnded(CCTouch * touch,CCEvent * event)
作用:当用户手指在手机屏幕上离开、抬起响应的回调函数。
参数1:CCTouch包含用户触屏点坐标。
注意:由于CCLayer默认使用了CCTouchDelegate触屏委托,所以继承CCLayer的子类无须再次使用此接口。
三、单点触摸实例
1、接下来,让我们以项目实例来实现一个精灵自动移动到用户触屏位置的功能。
<1> 首先新建Cocos2D-X项目,取名为“MyCCTouch”,然后在HelloWorldScene.h文件中声明成员函数。
//重写触屏回调函数
virtual bool ccTouchBegan(cocos2d::CCTouch* touch, cocos2d::CCEvent* event);
virtual void ccTouchMoved(cocos2d::CCTouch* touch, cocos2d::CCEvent* event);
virtual void ccTouchEnded(cocos2d::CCTouch* touch, cocos2d::CCEvent* event);
//重写生命周期函数
virtual void onEnter();
virtual void onExit();
<2> 在HelloWorldScene.cpp文件中的init函数中添加如下所示代码。
bool HelloWorld::init()
{
bool bRet = false;
do
{
CC_BREAK_IF(! CCLayer::init());
CCSprite * spr = CCSprite::create("Icon.png");
spr->setPosition(ccp(150,150));
addChild(spr,0,922);
bRet = true;
} while (0);
return bRet;
}
<3> 最后在HelloWorldScene.cpp文件中添加如下所示函数。
void HelloWorld::onEnter(){
CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this,0,false);
CCLayer::onEnter();
}
void HelloWorld::onExit(){
CCDirector::sharedDirector()->getTouchDispatcher()->removeDelegate(this);
CCLayer::onExit();
}
bool HelloWorld::ccTouchBegan(CCTouch* touch, CCEvent* event)
{
CCLOG("ccTouchBegan");
return true;
}
void HelloWorld::ccTouchMoved(CCTouch* touch, CCEvent* event){
CCLOG("ccTouchMoved");
}
void HelloWorld::ccTouchEnded(CCTouch* touch, CCEvent* event)
{
CCLOG("ccTouchEnded");
//获取离开屏幕时对应的坐标
CCPoint point = touch->getLocation();
//获取到精tag=922的精灵
CCSprite* sp = (CCSprite*)this->getChildByTag(922);
//暂停所有动作
sp->stopAllActions();
//执行move动作到用户离开时的位置
sp->runAction(CCMoveTo::create(1, point));
}
对于以上代码需要着重讲解的有4点:
<1> 重写了生命周期函数onEnter与onExit,主要用于注册和移除委托。
因为委托一般都是成对出现的,有注册就要对应有移除。如果你想对一个CCNode进行委托监听,那么创建本类时
就可以进行监听了,而当本类退出时也可以对应删除其监听。
所以一般情况下,推荐大家将触屏事件的注册与移除代码都写在onEnter与onExit中。如果注册的委托不及时移除
掉,就有可能造成程序的异常退出。
<2> 以上代码中,我们将精灵move逻辑写在触屏监听用户手指离开的函数ccTouchEnded中进行处理,其原因是考虑
用户体验。
很多用户在手指第一次触摸屏幕时并不是有目的性的、或者说是尝试性地去触碰屏幕,那么如果系统很快响应了
这些用户的错误操作逻辑,用户就会比较反感,所以一般情况下,例如按钮等我们只在用户离开屏幕时进行响应。当
然,这些细微的用户体验也会根据不同类型的游戏进行改进。
<3> 由于Cocos2D-X是基于OpenGL ES实现的,所以在CCTouch中保存用户触屏坐标,位置是3D坐标系中的坐标,
所以需要将其转换成2D坐标。当然,Cocos2D-X也在CCTouch中为开发者提供了转换坐标的函数getLocation进行2D
坐标点的转换。
<4> 在上面的示例项目中,在精灵进行runAction之前,我先调用了这个精灵的stopAllActions()函数,将停止此精灵的
所有动作。很多时候游戏中的精灵会有很多不同的动作需要执行,为了防止在运行新的动作时上一个动作可能还没暂
停的情况,所以这里先对所有动作进行一个停止的操作。主要原因是当精灵同时runAction两个不同的动作时,会出现
乱掉的情况。
2、示例效果图
精灵会随着屏幕的点击到达指定的位置。
四、多触点事件
我们学习了触屏的监听,其监听委托类为CCTargetedTouchDelegate,此接口属于单点触屏的监听委托;对于多
触点,其委托类为CCStandardTouchDelegate。
不论是CCTargetedTouchDelegate,还是CCStandardTouchDelegate,都是CCTouchDelegate的子类,而
CCLayer默认继承了CCTouchDelegate接口,所以CCLayer的子类无须再重新使用这些接口。
多触点委托中的回调函数如下所示:
virtual void ccTouchesBegan(cocos2d::CCSet *pTouches, cocos2d::CCEvent *pEvent);
virtual void ccTouchesMoved(cocos2d::CCSet *pTouches, cocos2d::CCEvent *pEvent);
virtual void ccTouchesEnded(cocos2d::CCSet *pTouches, cocos2d::CCEvent *pEvent);
其中分别对应为用户按下、移动(拖动)、抬起(离开屏幕)3种事件。在这个回调函数中,第一个参数不再是
CCTouch,而是CCTouch的集合。
遍历所有触点位置的方式如下所示:
CCSetIterator iter = pTouches->begin();
for (; iter != pTouches->end(); iter++)
{
CCTouch* pTouch = (CCTouch*)(*iter);
CCPoint location = pTouch->getLocation();
}
CCTouch 有如下所示函数:
<1> int getID()
作用 :得到当前触点的下标(从0开始计数)。
在多触点委托监听时,需要注意以下3点问题:
<1> setTouchEnabled(true),开启多触点监听务必调用此函数。
<2> 在CCDirector类中添加多触点委托事件代码:
CCDirector::sharedDirector()->getTouchDispatcher()->addStandardDelegate(CCTouchDelegate* pDelegate,int nPriority)
注意:多触点的委托注册放在onEnter的生命函数中会造成程序异常退出。默认都重写如下函数:
virtual void registerWithTouchDispatcher(void);
将多触点委托注册放在此函数中进行注册,用以指明此委托类型为多触点委托监听。
<3> 开启IOS多触点支持功能。
在IOS设备中,默认多触点是关闭的,如果我们想要在IOS设备中使用多触点,就需要开启多触点的支持。
五、多触点触摸实例
1、首先新建Cocos2D-X项目,取名为“MyMutiTouch”,然后在HelloWorldScene.h文件中声明成员函数。
//重写多触点回调函数
virtual void registerWithTouchDispatcher(void);
virtual void ccTouchesBegan(cocos2d::CCSet *pTouches, cocos2d::CCEvent *pEvent);
virtual void ccTouchesMoved(cocos2d::CCSet *pTouches, cocos2d::CCEvent *pEvent);
virtual void ccTouchesEnded(cocos2d::CCSet *pTouches, cocos2d::CCEvent *pEvent);
//生命周期函数
virtual void onExit();
2、在HelloWorldScene.cpp文件中的init函数中添加如下所示代码。
bool HelloWorld::init()
{
bool bRet = false;
do
{
CC_BREAK_IF(! CCLayer::init());
//开启多触点监听务必调用此函数
setTouchEnabled(true);
CCSprite * sp1 = CCSprite::create("Icon.png");
sp1->setColor(ccc3(255, 255, 0));//便于区分
CCSprite * sp2 = CCSprite::create("Icon.png");
sp1->setPosition(ccp(150,100));
sp2->setPosition(ccp(150,200));
addChild(sp1,0,91);
addChild(sp2,0,92);
bRet = true;
} while (0);
return bRet;
}
3、最后在HelloWorldScene.cpp文件中添加如下所示函数。
//注册多触点的委托监听
void HelloWorld::registerWithTouchDispatcher(void){
CCDirector::sharedDirector()->getTouchDispatcher()->addStandardDelegate(this, 0);
}
//用户手指第一次触碰
void HelloWorld::ccTouchesBegan(CCSet *pTouches, CCEvent *pEvent){
CCSetIterator iter = pTouches->begin();
for (; iter != pTouches->end(); iter++)
{
CCTouch* pTouch = (CCTouch*)(*iter);
CCPoint location = pTouch->getLocation();
if(pTouch->getID()==0){//第一个触点
CCSprite * sp1 = (CCSprite*)this->getChildByTag(91);
sp1->setPosition(location);
}else if(pTouch->getID()==1){//第二个触点
CCSprite * sp2= (CCSprite*)this->getChildByTag(92);
sp2->setPosition(location);
}
}
}
//用户手指进行移动或者拖拽
void HelloWorld::ccTouchesMoved(CCSet *pTouches, CCEvent *pEvent){
CCSetIterator iter = pTouches->begin();
for (; iter != pTouches->end(); iter++)
{
CCTouch* pTouch = (CCTouch*)(*iter);
CCPoint location = pTouch->getLocation();
if(pTouch->getID()==0){//第一个触点
CCSprite * sp1 = (CCSprite*)this->getChildByTag(91);
sp1->setPosition(location);
}else if(pTouch->getID()==1){//第二个触点
CCSprite * sp2= (CCSprite*)this->getChildByTag(92);
sp2->setPosition(location);
}
}
}
//用户手指抬起
void HelloWorld::ccTouchesEnded(CCSet *pTouches, CCEvent *pEvent){
CCSetIterator iter = pTouches->begin();
for (; iter != pTouches->end(); iter++)
{
CCTouch* pTouch = (CCTouch*)(*iter);
CCPoint location = pTouch->getLocation();
CCLOG("pTouch 触摸点 %i 的坐标: x:%f,y:%f",pTouch->getID(),location.x,location.y);
}
}
//删除多触点的委托监听
void HelloWorld::onExit(){
CCDirector::sharedDirector()->getTouchDispatcher()->removeDelegate(this);
CCLayer::onExit();
}
4、示例效果图
以上示例代码主要实现随着不同用户多个触摸点位置的移动,其各精灵位置也不断移动。
源码下载地址
分享到:
相关推荐
资源名称:Cocos2d-x实战:JS卷——Cocos2d-JS开发内容简介:本书是介绍Cocos2d-x游戏编程和开发技术书籍,介绍了使用Cocos2d-JS中核心类、瓦片地图、物理引擎、音乐音效、数据持久化、网络通信、性能优化、多平台...
Cocos2D-X开发学习笔记-触屏事件使用示例 教程地址:http://blog.csdn.net/yangyu20121224/article/details/10029143
Cocos2D-X开发学习笔记-按键事件使用示例 教程地址:http://blog.csdn.net/yangyu20121224/article/details/10040985
在使用cocos2d-x开发游戏的过程中,为了实现逻辑和显示相分离。 在下通宵了一个晚上,写出了该事件类。 谨记,该事件只能用于cocos2d-x中。 事件发送者需要继承EventDispatcher类 事件接收者需要继承EventHandle类...
Cocos2d-x是移动跨平台开发最流行的游戏引擎,而本书是一本很全面的、比较‘接地气’的游戏开发教程。书中汇聚了热门手机游戏《捕鱼达人》开发的实战经验,作者从最基础的内容开始,逐步深入地介绍了Cocos2d-x的相关...
Cocos2D-X开发学习笔记-游戏数据存储项目实例 教程地址:http://blog.csdn.net/yangyu20121224/article/details/10857813
资源名称:Cocos2D-X游戏开发技术精解内容简介:Cocos2D-X是一款支持多平台的 2D手机游戏引擎,支持iOS、Android、BlackBerry等众多平台。当前,很多移动平台流行的游戏,都是基于Cocos2D-X开发的。 《Cocos2D-X...
自己记录的Cocos2d-x学习笔记,希望能够帮助新手,快速入门,掌握cocos2d-x的开发
Cocos2D-X开发学习笔记-动作类之基础动作的使用示例(下) 教程地址:http://blog.csdn.net/yangyu20121224/article/details/9840757
Cocos2D-X开发学习笔记-音乐和音效的使用示例 教程地址:http://blog.csdn.net/yangyu20121224/article/details/10228941
Cocos2D-X开发学习笔记-游戏数据存储项目实例(下) 教程地址:http://blog.csdn.net/yangyu20121224/article/details/10946695
Cocos2D-X开发学习笔记-渲染框架之图形的绘制 教程地址:http://blog.csdn.net/yangyu20121224/article/details/9748001
Cocos2D-X开发学习笔记-时间调度schedule函数的使用 教程地址:http://blog.csdn.net/yangyu20121224/article/details/9749457
资源名称:大富翁手机游戏开发实战基于Cocos2d-x3.2引擎内容简介:李德国编著的《大富翁手机游戏开发实战(基于 Cocos2d-x3.2引擎)》使用Cocos2d-x游戏引擎技术,带领读者一步一步从零开始进行大富翁移动游戏的开发...
精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发
cocos2d-x-2.1.5
《Cocos2D-X游戏开发技术精解》详细介绍如何使用Cocos2D-X引擎开发自己的移动平台游戏。全书共15章,主要内容包括:Cocos2D-X引擎简介;如何建立跨平台的开发环境;引擎的核心模块——渲染框架;如何实现动态画面和...
Cocos2d-x实战 JS卷 Cocos2d-JS开发 PDF 电子书完整版本
Cocos2d-x-3.x游戏开发之旅-钟迪龙著 全新pdf版和附书代码(代码为工程文件,可复制) 附带目录标签
Cocos2D-X开发学习笔记-加速度传感器事件的使用示例 教程地址:http://blog.csdn.net/yangyu20121224/article/details/10043417