Cocos2d-x2.0 之 ClickAndMoveTest “谈不上深入”的分析.

原创 2013年01月14日 00:58:56

 

[Cocos2d-x相关教程来源于红孩儿的游戏编程之路CSDN博客地址:http://blog.csdn.net/honghaier]

红孩儿Cocos2d-X学习园地QQ2群:44208467加群写:Cocos2d-x 
红孩儿Cocos2d-X学习园地QQ群:249941957 [暂满]加群写:Cocos2d-x

本章为我的Cocos2d-x教程一书初稿。望各位看官多提建议!

另请转载者注明转载地址及作者。

Cocos2d-x2.0 之 ClickAndMoveTest “谈不上深入”的分析.

另:本章所用Cocos2d-x版本为:

cocos2d-2.0-x-2.0.2@ Aug 30 2012

http://cn.cocos2d-x.org/download


        大家好,经过前一阶段复杂的,长篇大论的动画部分的讲解,我们对于Cocos2d-x的基本结构有了一个大概的认识,也更加增强了我们继续将Cocos2d-x的示例学习完的信心,我们今天轻松一下,来学习一下ClickAndMoveTest这个例子。因为这个示例代码较短,谈不上深入,所以之后会再讲解一篇RotateWorldTest,以满足大家的胃口。

 

打开工程中TestCpp下的ClickAndMoveTest目录,可以看到两个文件:ClickAndMove.h和cpp。

打开ClickAndMove.h:

与之前一样,建立了一个场景,并在场景中创建所需要表现的CCLayer。

class ClickAndMoveTestScene : public TestScene
{
public:
    virtual void runThisTest();
};

class MainLayer : public CCLayer
{
public:
MainLayer();
    virtual void ccTouchesEnded(CCSet *pTouches, CCEvent *pEvent);
};

     可以看到,这里面最关键的是在MainLayer中重载了基类的相应接口函数:


virtualvoid ccTouchesEnded(CCSet*pTouches, CCEvent *pEvent);


         CCLayer层本身由CCTouchDelegate派生,CCTouchDelegate是触点消息响应接口类,它指定了CCLayer在响应触点事件时所触发的函数。

class CC_DLL CCTouchDelegate
{
public:
	//构造
    CCTouchDelegate() {}
	//析构
    virtual ~CCTouchDelegate()
    {
    }
	//单点触屏事件响应
	//按下
virtual bool ccTouchBegan(CCTouch *pTouch, CCEvent *pEvent) {CC_UNUSED_PARAM(pTouch); CC_UNUSED_PARAM(pEvent); return false;};
//移动
virtual void ccTouchMoved(CCTouch *pTouch, CCEvent *pEvent) {CC_UNUSED_PARAM(pTouch); CC_UNUSED_PARAM(pEvent);}
//停止移动
    virtual void ccTouchEnded(CCTouch *pTouch, CCEvent *pEvent) {CC_UNUSED_PARAM(pTouch); CC_UNUSED_PARAM(pEvent);}
	//离开
    virtual void ccTouchCancelled(CCTouch *pTouch, CCEvent *pEvent) {CC_UNUSED_PARAM(pTouch); CC_UNUSED_PARAM(pEvent);}

    //多点触屏事件响应,事件与上面一致。
     virtual void ccTouchesBegan(CCSet *pTouches, CCEvent *pEvent) {CC_UNUSED_PARAM(pTouches); CC_UNUSED_PARAM(pEvent);}
     virtual void ccTouchesMoved(CCSet *pTouches, CCEvent *pEvent) {CC_UNUSED_PARAM(pTouches); CC_UNUSED_PARAM(pEvent);}
     virtual void ccTouchesEnded(CCSet *pTouches, CCEvent *pEvent) {CC_UNUSED_PARAM(pTouches); CC_UNUSED_PARAM(pEvent);}
     virtual void ccTouchesCancelled(CCSet *pTouches, CCEvent *pEvent) {CC_UNUSED_PARAM(pTouches); CC_UNUSED_PARAM(pEvent);}

};

    看一下这些接口,如果我们需要增加相应的触屏事件处理,只需要在CCLayer的派生类中重载这些接口函数就OK了。

而MainLayer重载的virtualvoid ccTouchesEnded(CCSet *pTouches, CCEvent*pEvent);

即为多点触屏事件中的停止移动时触发的回调函数。

我们继续分析CPP文件:

//定义一个枚举值为做精灵的tag。
enum
{
    kTagSprite = 1,
};
//场景运行时调用的函数。
void ClickAndMoveTestScene::runThisTest()
{
	//实例化一个MainLayer并设置由内存管理器进行引用计数管理。
    CCLayer* pLayer = new MainLayer();
    pLayer->autorelease();
	//将其放入当前场景中并运行这个场景。
    addChild(pLayer);
    CCDirector::sharedDirector()->replaceScene(this);
}
//MainLayer的构造函数。
MainLayer::MainLayer()
{
	//这个是打开当前CCLayer的触屏事件响应。
    setTouchEnabled(true);
    //创建一个男一号精灵。
    CCSprite* sprite = CCSprite::create(s_pPathGrossini);
    //创建一个纯色CCLayer,设置其初值色。
    CCLayer* layer = CCLayerColor::create(ccc4(255,255,0,255));
	//降低一层放在当前CCLayer中。
    addChild(layer, -1);
    //将精灵放在上面的纯色CCLayer之上。
    addChild(sprite, 0, kTagSprite);
	//设置精灵的初始位置。
    sprite->setPosition( CCPointMake(20,150) );
    //精灵运行一个4秒内跳跃4次到指定位置的动画。
    sprite->runAction( CCJumpTo::create(4, CCPointMake(300,48), 100, 4) );
    //纯色层运行一个无限循环的动画序列,这个动画序列中是两个动画,分别为渐亮和渐暗动画。
    layer->runAction( CCRepeatForever::create( 
                                                        (CCActionInterval*)( CCSequence::create(    
                                                                            CCFadeIn::create(1),
                                                                            CCFadeOut::create(1),
                                                                            NULL) )
                                                        ) ); 
}
//多点触屏事件中的停止移动时触发的回调函数。
void MainLayer::ccTouchesEnded(CCSet *pTouches, CCEvent *pEvent)
{
	//取得多点中第一个触点。
    CCSetIterator it = pTouches->begin();
    CCTouch* touch = (CCTouch*)(*it);
    
	//取得其位置。
    CCPoint location = touch->getLocation();
	//通过TAG值取得相应的精灵。
    CCNode* s = getChildByTag(kTagSprite);
	//让精灵停止所有动作。
    s->stopAllActions();
	//让精灵运行一个新的移动动画,在1秒内移动一触点位置。
    s->runAction( CCMoveTo::create(1, CCPointMake(location.x, location.y) ) );
	//取得触点位置与精灵的位置的方向。
    float o = location.x - s->getPosition().x;
    float a = location.y - s->getPosition().y;
	//通过斜率计算出角度。
    float at = (float) CC_RADIANS_TO_DEGREES( atanf( o/a) );
    //让人物头的方向始终朝着终点。
    if( a < 0 ) 
    {
        if(  o < 0 )
            at = 180 + fabs(at);
        else
            at = 180 - fabs(at);    
    }
    //让精灵运行一个1秒内旋转相应角度的动画。
    s->runAction( CCRotateTo::create(1, at) );
}

这个示例比较简单,大家也可以参考《Cocos2d-x 2.0 百例精讲:如何让一个精灵跟随触点移动》一文进行学习。


Cocos2d-x2.0 之 ClickAndMoveTest “谈不上深入”的分析.

[Cocos2d-x相关教程来源于红孩儿的游戏编程之路CSDN博客地址:http://blog.csdn.net/honghaier] 红孩儿Cocos2d-X学习园地QQ2群:44208467...
  • jackchen95
  • jackchen95
  • 2013年03月23日 01:05
  • 1005

深入理解JVM(我的总结)

Java程序通过编译生成class文件,生成的class文件通过JVM(Java Virtual Mechine)来运行,下面我们就来聊聊JVM。         JVM在执行Java程序的过程中会把...
  • u010814766
  • u010814766
  • 2015年07月07日 09:58
  • 4131

Cocos2d-x2.0 进度动画 深入分析

[Cocos2d-x相关教程来源于红孩儿的游戏编程之路CSDN博客地址:http://blog.csdn.net/honghaier] 红孩儿Cocos2d-X学习园地QQ2群:44208467 加...
  • honghaier
  • honghaier
  • 2012年12月11日 13:00
  • 6887

Cocos2d-x 2.0 渲染到纹理深入分析

[Cocos2d-x相关教程来源于红孩儿的游戏编程之路CSDN博客地址:http://blog.csdn.net/honghaier 红孩儿Cocos2d-X学习园地QQ群:249941957  ...
  • honghaier
  • honghaier
  • 2013年03月01日 18:33
  • 18078

Cocos2d-x2.0 粒子系统深入分析三部曲(二)

[Cocos2d-x相关教程来源于红孩儿的游戏编程之路CSDN博客地址:http://blog.csdn.net/honghaier]                            红孩儿C...
  • honghaier
  • honghaier
  • 2013年02月02日 10:08
  • 13516

Cocos2d-x 2.0 序列帧动画 深入分析(转)

转自:http://www.oschina.net/question/565065_101743 今天,我带领大家学习一下Cocos2d-x 2.0的序列帧动画。在Cocos2d-x中,提供了相...
  • hhy018
  • hhy018
  • 2013年11月06日 17:46
  • 680

Cocos2d-x 2.0 序列帧动画 深入分析

[Cocos2d-x相关教程来源于红孩儿的游戏编程之路CSDN博客地址:http://blog.csdn.net/honghaier] 红孩儿Cocos2d-X学习园地QQ2群:44208467加群...
  • honghaier
  • honghaier
  • 2012年11月25日 14:45
  • 14018

Cocos2d-x2.0 粒子系统深入分析三部曲(一)

Cocos2d-x2.0 粒子系统深入分析三部曲(一)              大家好,今天我们来学习一下Cocos2d-x 2.0 的粒子系统,所谓粒子系统,即:“具有相同运动物...
  • houjia159
  • houjia159
  • 2013年09月26日 14:11
  • 1217

深入分析Cocos2d-x 2.0中的“纹理”

另:本章所用Cocos2d-x版本为: cocos2d-2.0-x-2.0.2 @ Aug 30 2012 http://cn.cocos2d-x.org/downloa      ...
  • dairy_youman88
  • dairy_youman88
  • 2012年10月19日 10:43
  • 2256

深入分析Cocos2d-x 2.0中的“纹理”

本章所用Cocos2d-x版本为:cocos2d-2.0-x-2.0.2 @ Aug 30 2012,http://cn.cocos2d-x.org/download     大家好,最近工作实在是...
  • cbbbc
  • cbbbc
  • 2015年07月18日 23:08
  • 606
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Cocos2d-x2.0 之 ClickAndMoveTest “谈不上深入”的分析.
举报原因:
原因补充:

(最多只允许输入30个字)