zoukankan      html  css  js  c++  java
  • COCOS2DX场景切换特效

    cocos2d-x 3.0中场景切换特效比较多,而且游戏开发中也经常需要用到这些特效,来使场景切换时不至于那么干巴,遂这里汇总一下,开发中使用。

    百牛信息技术bainiu.ltd整理发布于博客园

    场景切换用到导演类Directory,大多数用的都是替换场景,当然也可以用出栈进栈的方式来进行场景的替换,这里以replaceScene来举例。

    场景切换特效的应用代码:

    ?
    1
    2
    3
    auto scene=HelloWorld::createScene();//创建待切换的场景
    auto transition=TransitionZoomFlipY::create(1.0f,scene);//给场景包装动画特效 
    Director::getInstance()->replaceScene(transition);//运用导演类来进行切换场景

    下面列举下场景切换的动画效果,可以参考上面的代码来运用各个特效,在自己的游戏中适当的运用特效可以起到很好的效果。

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    //慢慢淡化到另一场景
    TransitionCrossFade::create(时间,目标场景);
      
    //本场景变暗消失后另一场景慢慢出现
    TransitionFade::create(时间,目标场景);
      
    //本场景右上角到左下角方块消失到另一场景
    TransitionFadeBL::create(时间,目标场景);
      
    //本场景从上到下横条消失到另一场景
    TransitionFadeDown::create(时间,目标场景);
      
    //本场景左下角到右上角方块消失到另一场景
    TransitionFadeTR::create(时间,目标场景);
      
    //本场景从下到上横条消失到另一场景
    TransitionFadeUp::create(时间,目标场景);
      
    //本场景翻转消失到另一场景(斜上方)
    TransitionFlipAngular::create(时间,目标场景,样式 );
      
    //本场景翻转消失到另一场景(X轴)
    TransitionFlipX::create(时间,目标场景,样式);
      
    //本场景翻转消失到另一场景(Y轴)
    TransitionFlipY::create(时间,目标场景);
      
    //本场景跳动消失后另一场景跳动出现
    TransitionJumpZoom::create(时间,目标场景);
      
    //另一场景由整体从下面出现
    TransitionMoveInB::create(时间,目标场景);
      
    //另一场景由整体从左面出现
    TransitionMoveInL::create(时间,目标场景);
      
    //另一场景由整体从上面出现
    TransitionMoveInT::create(时间,目标场景);
      
    //另一场景由整体从右面出现
    TransitionMoveInR::create(时间,目标场景);
      
    //翻页切换,bool为true是向前翻。
    TransitionPageTurn::create(时间,目标场景,bool);
      
    //本场景从左到右消失同时另一场景出现
    TransitionProgressHorizontal::create(时间,目标场景);
      
    //本场景从中间到四周消失同时另一场景出现
    TransitionProgressInOut::create(时间,目标场景);
      
    //本场景从四周到中间消失同时另一场景出现
    TransitionProgressOutIn::create(时间,目标场景);
      
    //本场景逆时针消失到另一场景
    TransitionProgressRadialCCW::create(时间,目标场景);
      
    //本场景顺时针消失到另一场景
    TransitionProgressRadialCW::create(时间,目标场景);
      
    //本场景从上到下消失同时另一场景出现
    TransitionProgressVertical::create(时间,目标场景);
      
    //本场景旋转消失后另一场景旋转出现
    TransitionRotoZoom::create(时间,目标场景);
      
    //本场景缩小切换到另一场景放大
    TransitionShrinkGrow::create(时间,目标场景);
      
    //本场景向上滑动到另一场景
    TransitionSlideInB::create(时间,目标场景);
      
    //本场景向右滑动到另一场景
    TransitionSlideInL::create(时间,目标场景);
      
    //本场景向左滑动到另一场景
    TransitionSlideInR::create(时间,目标场景);
      
    //本场景向下滑动到另一场景
    TransitionSlideInT::create(时间,目标场景);
      
    //本场景三矩形上下消失后另一场景三矩形上下出现
    TransitionSplitCols::create(时间,目标场景);
      
    //本场景三矩形左右消失后另一场景三矩形左右出现
    TransitionSplitRows::create(时间,目标场景);
      
    //本场景小方块消失到另一场景
    TransitionTurnOffTiles::create(时间,目标场景);
      
    //本场景翻转消失到另一场景(斜上方)
    TransitionZoomFlipAngular::create(时间,目标场景,样式);
      
    //本场景翻转消失到另一场景(X轴)
    TransitionZoomFlipX::create(时间,目标场景,样式);
      
    //本场景翻转消失到另一场景(Y轴)
    TransitionZoomFlipY::create(时间,目标场景,样式);
  • 相关阅读:
    ajax获取后台数据,显示到input输入框里面
    js的比较运算符含义和示例和逻辑运算符
    Vue的 on +bind+if +for
    Vue入门例子
    Spring-AOP
    fatal: remote origin already exists git出现这个
    springmvc-文件上传下载
    springmvc-ajax
    查询Id最大的基础上+1
    bootstrap select去掉右边小三角
  • 原文地址:https://www.cnblogs.com/bainiu/p/7592197.html
Copyright © 2011-2022 走看看