cocos2dx基础类型学习

来源:互联网 发布:手机分贝测试软件 编辑:程序博客网 时间:2024/05/17 06:00
<span style="font-family: Arial, Helvetica, sans-serif;"></span><pre name="code" class="cpp">class HelloWorld : public cocos2d::CCLayer{    private:    cocos2d::CCSprite *sprite;    public:    // Here's a difference. Method 'init' in cocos2d-x returns bool, instead of returning 'id' in cocos2d-iphone    virtual bool init();      // there's no 'id' in cpp, so we recommend returning the class instance pointer    static cocos2d::CCScene* scene();        // a selector callback    void menuCloseCallback(CCObject* pSender);        void animationFunc();        // implement the "static node()" method manually    CREATE_FUNC(HelloWorld);};

    CCSize size=CCDirector::sharedDirector()->getVisibleSize();    CCSprite *backgroundSprite=CCSprite::create("background.jpg");    backgroundSprite->setPosition(ccp(size.width/2, size.height/2));    backgroundSprite->setScale(2);    this->addChild(backgroundSprite);            sprite=CCSprite::create("lufei.png");    sprite->setPosition(ccp(size.width/2, size.height/2));    sprite->setScale(0.5);    this->addChild(sprite, 1, 1001);    CCMoveTo *moveto=CCMoveTo::create(2, ccp(size.width, size.height/2));//    CCMoveTo *moveto1=CCMoveTo::create(1, ccp(size.width/2, size.height/2));    //    CCRotateTo *rotate=CCRotateTo::create(1, 180);//    CCRotateTo *roatet1=CCRotateTo::create(1, 360);    //    CCScaleTo *scaleto=CCScaleTo::create(1, 0.2);//    CCScaleTo *scaleto1=CCScaleTo::create(1, 0.4);        //    sprite->runAction(spawn);//执行单个动画    //    sprite->runAction(rotate);        //    sprite->runAction(moveto);        //    sprite->runAction(scaleto);            //    CCSpawn *spawn=CCSpawn::create(moveto,rotate,scaleto,NULL);//同步执行多个动画//    CCSpawn *spawn1=CCSpawn::create(moveto1,roatet1,scaleto1,NULL);//同步执行多个动画//    CCSequence *sequence=CCSequence::create(spawn,spawn1,NULL);//连续行动画//    CCRepeat *repeat=CCRepeat::create(sequence, 10);//将组合动画重复执行次数    //    CCRepeatForever *r=CCRepeatForever::create(sequence);//永久的循环//    CCHide *hide=CCHide::create();//    CCDelayTime *delayT=CCDelayTime::create(2);    //    CCShow*show=CCShow::create();    //    CCToggleVisibility *toggle=CCToggleVisibility::create();//如果是hide那返回的就是show  相反。。    //    CCCallFunc *func=CCCallFunc::create(this, callfunc_selector(HelloWorld::animationFunc));//    CCSequence *sequence=CCSequence::create(hide,delayT,show,func,NULL);//先隐藏 两秒后 显示        //    CCEaseInOut *inour=CCEaseInOut::create(moveto,5);//动画的快慢类型  下图中有<span style="font-family: HannotateSC-W5;">jQuery easing 图解</span>    //    CCCallFunc *ccalfunc=CCCallFunc::create(this, callfunc_selector(HelloWorld::animationFunc));//    CCSequence *sequence=CCSequence::create(inour,ccalfunc,NULL);//    sprite->runAction(sequence);            CCLayerColor *colorL=CCLayerColor::create(ccc4(255, 0, 0, 255), 100, 100);//图层    colorL->setPosition(ccp(size.width/3, size.height/3));    this->addChild(colorL);        CCLayerGradient *gradient=CCLayerGradient::create(ccc4(255, 0, 0, 255), ccc4(255, 255, 0, 255), ccp(1, 1));//可过度图层    gradient->changeWidthAndHeight(200, 100);    gradient->setPosition(ccp(0, 0));    this->addChild(gradient);                    return true;}void HelloWorld::animationFunc(){    sprite->setScale(3);        CCScene *scene=this->scene();        CCTransitionFadeTR *fadedown=CCTransitionFadeTR::create(1, scene);//过度动画有多种  可产考下面的类型详解        CCDirector::sharedDirector()->replaceScene(fadedown);//更换场景            }

jQuery easing 图解

以下图解可以让你更容易理解每一种easing的效果


1. linear2. swing3. easeInQuad4. easeOutQuad5. easeInOutQuad6. easeInCubic7. easeOutCubic8. easeInOutCubic9. easeInQuart10. easeOutQuart11. easeInOutQuart12. easeInQuint13. easeOutQuint14. easeInOutQuint15. easeInExpo16. easeOutExpo17. easeInOutExpo18. easeInSine19. easeOutSine20. easeInOutSine21. easeInCirc22. easeOutCirc23. easeInOutCirc24. easeInElastic     25. easeOutElastic26. easeInOutElastic27. easeInBack28. easeOutBack29. easeInOutBack30. easeInBounce    31. easeOutBounce32. easeInOutBounce 


在这里我每可以将这个作为坐标系  横坐标指的是时间 纵坐标指的是动画类型强度

多种过度效果




CCTransitionFade, //渐隐效果

CCTransitionFadeTR, //碎片效果
CCTransitionJumpZoom, //跳动效果
CCTransitionMoveInL, //从左向右移动
CCTransitionPageTurn, //翻页效果
CCTransitionRadialCCW, //钟摆效果
CCTransitionRotoZoom,//涡轮效果
CCTransitionSceneOriented,//
CCTransitionShrinkGrow, //渐远效果
CCTransitionSlideInL, //左移
CCTransitionSplitCols,//上下移动
CCTransitionTurnOffTiles//
CCTransitionScene : CCScene  基类

CCRotoZoomTransition 旋转缩小切换
CCJumpZoomTransition 缩小后跳跃切换
CCSlideInLTransition 从左向右切换
CCSlideInRTransition 从右向左切换
CCSlideInTTransition 从上向下切换
CCSlideInBTransition 从下向上切换
CCShrinkGrowTransition 逐渐缩小切换
CCFlipXTransition 已x中间为轴平面式旋转切换
CCFlipYTransition 已y中间为轴平面式旋转切换
CCFlipAngularTransition 侧翻式旋转切换
CCZoomFlipXTransition 缩小后x为轴旋转切换
CCZoomFlipYTransition 缩小后y为轴旋转切换
CCZoomFlipAngularTransition 缩小侧翻式旋转切换
CCFadeTransition 逐渐变暗切换
CCCrossFadeTransition   逐渐变暗切换2
CCTurnOffTilesTransition 随机方块覆盖切换
CCSplitColsTransition 三条上下分开切换
CCSplitRowsTransition 三条左右分开切换
CCFadeTRTransition 小方块大方块式切换 左下到右上 眩!
CCFadeBLTransition 小方块大方块式切换 右上到左下 眩!
CCFadeUpTransition 百叶窗从下向上
CCFadeDownTransition 百叶窗从上向下

CCTransitionRotoZoom : CCTransitionScene 旋转进入
CCTransitionJumpZoom : CCTransitionScene 跳动进入
CCTransitionMoveInL : CCTransitionScene<CCTransitionEaseScene> 从左侧进入
CCTransitionMoveInR : CCTransitionMoveInL 从右侧进入
CCTransitionMoveInT : CCTransitionMoveInL 从顶部进入
CCTransitionMoveInB : CCTransitionMoveInL 从底部进入
CCTransitionSlideInL : CCTransitionScene<CCTransitionEaseScene> 从左侧滑入
CCTransitionSlideInR : CCTransitionSlideInL 从右侧滑入
CCTransitionSlideInB : CCTransitionSlideInL 从顶部滑入
CCTransitionSlideInT : CCTransitionSlideInL 从底部滑入
CCTransitionShrinkGrow : CCTransitionScene<CCTransitionEaseScene> 交替进入
CCTransitionFlipX : CCTransitionSceneOriented x轴翻入(左右)
CCTransitionFlipY : CCTransitionSceneOriented y轴翻入(上下)
CCTransitionFlipAngular : CCTransitionSceneOriented 左上右下轴翻入
CCTransitionZoomFlipX : CCTransitionSceneOriented x轴翻入放大缩小效果(左右)
CCTransitionZoomFlipY : CCTransitionSceneOriented y轴翻入放大缩小效果(上下)
CCTransitionZoomFlipAngular :CCTransitionSceneOriented  左上右下轴翻入放大缩小效果
CCTransitionFade : CCTransitionScene  变暗变亮进入
CCTransitionCrossFade : CCTransitionScene 渐变进入
CCTransitionTurnOffTiles : CCTransitionScene<CCTransitionEaseScene> 小方格消失进入
CCTransitionSplitCols : CCTransitionScene<CCTransitionEaseScene> 竖条切换进入
CCTransitionSplitRows : CCTransitionSplitCols 横条切换进入
CCTransitionFadeTR : CCTransitionScene<CCTransitionEaseScene> 小方格右上角显示进入
CCTransitionFadeBL : CCTransitionFadeTR 小方格左下角显示进入
CCTransitionFadeUp : CCTransitionFadeTR 横条向上显示进入
CCTransitionFadeDown : CCTransitionFadeTR 横条向下显示进入



0 0