易游网-易游模拟器

 找回密码
 立即注册
查看: 603|回复: 0

[游戏开发] cocos2dx 常见的32种切换场景的动画

[复制链接]

1406

主题

1663

帖子

1万

积分

管理员

夏墨独周

Rank: 9Rank: 9Rank: 9

积分
10094

论坛元老技术达人

QQ
发表于 2021-11-20 11:31:21 | 显示全部楼层 |阅读模式
  1. bool HelloWorld::init()
  2. {
  3.     //////////////////////////////
  4.     // 1. super init first
  5.     if ( !CCLayer::init() )
  6.     {
  7.         return false;
  8.     }
  9.     CCSize size =  CCDirector::sharedDirector()->getWinSize();
  10.    
  11.     CCSprite * sp= CCSprite::create("background1.png");
  12.     sp->setPosition(ccp( size.width/2, size.height/2) );
  13.     addChild(sp);
  14.    
  15.     CCLabelTTF * label = CCLabelTTF::create("点击按钮切换", "", 20);
  16.   //  label->setPosition(ccp(size.width/2, size.height/2));
  17.     label->setColor(ccc3(255, 0, 255));
  18.     CCMenuItemLabel * itemLabel = CCMenuItemLabel::create(label, this, menu_selector(HelloWorld::changeScene));
  19.    // itemLabel->setPosition(ccp(size.width/2,size.height/2));
  20.     CCMenu * menu = CCMenu::create(itemLabel,NULL);
  21.     addChild(menu);
  22.    

  23.     return true;
  24. }


  25. void HelloWorld:: changeScene()
  26. {
  27.     CCTransitionScene * reScene = NULL;
  28.     CCScene * s = TestLayer::scene();
  29.     float t = 1.2f;
  30.    
  31. //  CCTransitionJumpZoom
  32. //    作用: 创建一个跳动的过渡动画
  33. //    参数1:过渡动作的时间
  34. //    参数2:切换到目标场景的对象
  35. //    reScene = CCTransitionJumpZoom ::create(t , s);
  36. //    CCDirector::sharedDirector()->replaceScene(reScene);
  37.    
  38. //    CCTransitionProgressRadialCCW
  39.     //    作用: 创建一个扇形条形式的过渡动画, 逆时针方向
  40.     //    参数1:过渡动作的时间
  41.     //    参数2:切换到目标场景的对象
  42. //    reScene = CCTransitionProgressRadialCCW::create(t, s);
  43. //    CCDirector::sharedDirector()->replaceScene(reScene);
  44.    
  45. //    CCTransitionProgressRadialCW
  46.     //    作用: 创建一个扇形条形式的过渡动画, 顺时针方向
  47.     //    参数1:过渡动作的时间
  48.     //    参数2:切换到目标场景的对象
  49. //    reScene = CCTransitionProgressRadialCW::create(t,s);
  50. //    CCDirector::sharedDirector()->replaceScene(reScene);
  51.    
  52.     //    CCTransitionProgressHorizontal
  53.     //    作用: 创建一个水平条形式的过渡动画,  
  54.     //    参数1:过渡动作的时间
  55.     //    参数2:切换到目标场景的对象
  56. //    reScene = CCTransitionProgressHorizontal ::create(t,s);
  57. //    CCDirector::sharedDirector()->replaceScene(reScene);
  58.    
  59. //    CCTransitionProgressVertical
  60.     //    作用: 创建一个垂直条形式的过渡动画,
  61.     //    参数1:过渡动作的时间
  62.     //    参数2:切换到目标场景的对象
  63. //    reScene = CCTransitionProgressVertical::create(t, s);
  64. //    CCDirector::sharedDirector()->replaceScene(reScene);

  65.    
  66. //    CCTransitionProgressInOut
  67.     //    作用: 创建一个由里向外扩展的过渡动画,
  68.     //    参数1:过渡动作的时间
  69.     //    参数2:切换到目标场景的对象
  70. //    reScene = CCTransitionProgressInOut::create(t, s);
  71. //    CCDirector::sharedDirector()->replaceScene(reScene);

  72. //    CCTransitionProgressOutIn
  73.     //    作用: 创建一个由外向里扩展的过渡动画,
  74.     //    参数1:过渡动作的时间
  75.     //    参数2:切换到目标场景的对象
  76. //    reScene = CCTransitionProgressOutIn::create(t, s);
  77. //    CCDirector::sharedDirector()->replaceScene(reScene);

  78. //    CCTransitionCrossFade
  79. //    作用:创建一个逐渐透明的过渡动画
  80.     //    参数1:过渡动作的时间
  81.     //    参数2:切换到目标场景的对象
  82. //    reScene = CCTransitionCrossFade::create(t, s);
  83. //    CCDirector::sharedDirector()->replaceScene(reScene);
  84.    
  85. //    CCTransitionPageTurn
  86. //    作用:创建一个翻页的过渡动画
  87. //    参数1:过渡动作持续的时间
  88. //    参数2:切换的目标场景的对象
  89. //    参数3:是否逆向翻页
  90. //    reScene = CCTransitionPageTurn::create(t, s, false);
  91. //    CCDirector::sharedDirector()->replaceScene(reScene);

  92. //    CCTransitionFadeTR
  93. //    作用:创建一个部落格过渡动画, 从左下到右上
  94.     //    参数1:过渡动作持续的时间
  95.     //    参数2:切换的目标场景的对象
  96. //    reScene =CCTransitionFadeTR::create(t, s);
  97. //    CCDirector::sharedDirector()->replaceScene(reScene);
  98.    
  99. //    CCTransitionFadeBL
  100.     //    作用:创建一个部落格过渡动画, 从右上到左下
  101.     //    参数1:过渡动作持续的时间
  102.     //    参数2:切换的目标场景的对象
  103. //    reScene = CCTransitionFadeBL::create(t, s);
  104. //    CCDirector::sharedDirector()->replaceScene(reScene);
  105.    
  106. //    CCTransitionFadeUp
  107.     //    作用:创建一个从下到上,条形折叠的过渡动画
  108.     //    参数1:过渡动作持续的时间
  109.     //    参数2:切换的目标场景的对象
  110. //    reScene= CCTransitionFadeUp::create(t, s);
  111. //    CCDirector::sharedDirector()->replaceScene(s);

  112. //    CCTransitionFadeDown
  113.     //    作用:创建一个从上到下,条形折叠的过渡动画
  114.     //    参数1:过渡动作持续的时间
  115.     //    参数2:切换的目标场景的对象
  116. //    reScene = CCTransitionFadeDown::create(t, s);
  117. //    CCDirector::sharedDirector()->replaceScene(reScene);

  118. //    CCTransitionTurnOffTiles
  119. //    作用:创建一个随机方格消失的过渡动画
  120. //    参数1:过渡动作的持续时间
  121. //    参数2:切换的目标场景的对象
  122. //    reScene= CCTransitionTurnOffTiles::create(t, s);
  123. //    CCDirector::sharedDirector()->replaceScene(reScene);
  124.    
  125. //    CCTransitionSplitRows
  126. //    作用:创建一个分行划分切换的过渡动画
  127.     //    参数1:过渡动作的持续时间
  128.     //    参数2:切换的目标场景的对象
  129. //    reScene = CCTransitionSplitRows::create(t, s);
  130. //    CCDirector::sharedDirector()->replaceScene(reScene);

  131. //    CCTransitionSplitCols
  132.     //    作用:创建一个分列划分切换的过渡动画
  133.     //    参数1:过渡动作的持续时间
  134.     //    参数2:切换的目标场景的对象
  135. //    reScene = CCTransitionSplitCols::create(t, s);
  136. //    CCDirector::sharedDirector()->replaceScene(reScene);
  137.    
  138. //    CCTransitionFade
  139. //    作用:创建一个逐渐过渡到目标颜色的切换动画
  140. //    参数1:过渡动作的持续时间
  141. //    参数2:切换的目标场景的对象
  142. //    参数3:目标颜色
  143. //    reScene= CCTransitionFade::create(t, s, ccc3(255, 0, 0));
  144. //    CCDirector::sharedDirector()->replaceScene(reScene);
  145.    
  146. //    CCTransitionFlipX
  147. //    作用:创建一个x轴反转的切换动画
  148.     //    参数1:过渡动作的持续时间
  149.     //    参数2:切换的目标场景的对象
  150.     //    参数3:反转类型的枚举变量   左右上下
  151. //    kOrientationDownOver kOrientationLeftOver kOrientationRightOver  kOrientationUpOver
  152. //    reScene  = CCTransitionFlipX::create(t, s, kOrientationRightOver);
  153. //    CCDirector::sharedDirector()->replaceScene(reScene);

  154. //    CCTransitionFlipY
  155.     //    参数1:过渡动作的持续时间
  156.     //    参数2:切换的目标场景的对象
  157.     //    参数3:反转类型的枚举变量   左右上下
  158. //    reScene = CCTransitionFlipY::create(t, s
  159. //                                        , kOrientationDownOver);
  160. //    CCDirector::sharedDirector()->replaceScene(reScene);

  161. //    CCTransitionFlipAngular
  162. //    作用:创建一个带有反转角切换动画
  163.     //        //    参数1:过渡动作的持续时间
  164.     //    参数2:切换的目标场景的对象
  165.     //    参数3:反转类型的枚举变量   左右上下
  166. //    reScene = CCTransitionFlipAngular::create(t, s, kOrientationLeftOver);
  167. //    CCDirector::sharedDirector()->replaceScene(reScene);
  168.    
  169. //    CCTransitionZoomFlipX
  170. //     作用:创建一个带有缩放的x轴反转切换的动画
  171.     //    参数1:过渡动作的持续时间
  172.     //    参数2:切换的目标场景的对象
  173.     //    参数3:反转类型的枚举变量   左右上下
  174. //    reScene=CCTransitionZoomFlipX::create(t, s, kOrientationLeftOver);
  175. //    CCDirector::sharedDirector()->replaceScene(reScene);
  176.    
  177. //    CCTransitionZoomFlipY
  178.     //     作用:创建一个带有缩放的Y轴反转切换的动画
  179.     //    参数1:过渡动作的持续时间
  180.     //    参数2:切换的目标场景的对象
  181.     //    参数3:反转类型的枚举变量   左右上下
  182. //    reScene=CCTransitionZoomFlipY::create(t, s, kOrientationDownOver);
  183. //    CCDirector::sharedDirector()->replaceScene(reScene);
  184.    
  185.     //    CCTransitionZoomFlipAngular
  186.     //     作用:创建一个带有缩放 ,反转角切换的动画
  187.     //    参数1:过渡动作的持续时间
  188.     //    参数2:切换的目标场景的对象
  189.     //    参数3:反转类型的枚举变量   左右上下
  190. //    reScene=CCTransitionZoomFlipAngular::create(t, s, kOrientationRightOver);
  191. //    CCDirector::sharedDirector()->replaceScene(reScene);
  192.    
  193. //    CCTransitionShrinkGrow
  194. //    创建一个放缩交替的过渡动画
  195.     //    参数1:过渡动作的持续时间
  196.     //    参数2:切换的目标场景的对象
  197. //    reScene = CCTransitionShrinkGrow::create(t, s);
  198. //    CCDirector::sharedDirector()->replaceScene(reScene);
  199.    
  200. //    CCTransitionRotoZoom
  201.    // 创建一个旋转放缩交替的过渡动画
  202.    // 参数1:过渡动作的持续时间
  203.    // 参数2:切换的目标场景的对象
  204. //    reScene = CCTransitionRotoZoom::create(t, s);
  205. //    CCDirector::sharedDirector()->replaceScene(reScene);
  206.    
  207. //    CCTransitionMoveInL
  208. //    作用:创建一个从左边推入覆盖的过渡动画
  209.     // 参数1:过渡动作的持续时间
  210.     // 参数2:切换的目标场景的对象
  211. //    reScene = CCTransitionMoveInL::create(t, s);
  212. //    CCDirector::sharedDirector()->replaceScene(reScene);

  213. //    CCTransitionMoveInR
  214.     //    作用:创建一个从右边推入覆盖的过渡动画
  215.     // 参数1:过渡动作的持续时间
  216.     // 参数2:切换的目标场景的对象
  217. //    reScene = CCTransitionMoveInR::create(t, s);
  218. //    CCDirector::sharedDirector()->replaceScene(reScene);
  219.    
  220. //    CCTransitionMoveInB
  221.     //    作用:创建一个从下边推入覆盖的过渡动画
  222.     // 参数1:过渡动作的持续时间
  223.     // 参数2:切换的目标场景的对象
  224. //    reScene = CCTransitionMoveInB::create(t, s);
  225. //    CCDirector::sharedDirector()->replaceScene(reScene);
  226.    
  227.     //    CCTransitionMoveInT
  228.     //    作用:创建一个从上边推入覆盖的过渡动画
  229.     // 参数1:过渡动作的持续时间
  230.     // 参数2:切换的目标场景的对象
  231. //    reScene = CCTransitionMoveInT::create(t, s);
  232. //    CCDirector::sharedDirector()->replaceScene(reScene);

  233. //    CCTransitionSlideInL
  234. //    作用:创建一个从左侧推入并顶出旧场景的过渡动画
  235. //    参数1:过渡动作的持续时间
  236. //    参数2:切换的目标场景的对象   
  237. //    reScene  =CCTransitionSlideInL::create(t, s);
  238. //    CCDirector::sharedDirector()->replaceScene(reScene);

  239. //    CCTransitionSlideInR
  240.     //    作用:创建一个从右侧推入并顶出旧场景的过渡动画
  241.     //    参数1:过渡动作的持续时间
  242.     //    参数2:切换的目标场景的对象
  243. //    reScene  =CCTransitionSlideInR::create(t, s);
  244. //    CCDirector::sharedDirector()->replaceScene(reScene);
  245.    
  246.    
  247.     //    CCTransitionSlideInT
  248.     //    作用:创建一个从顶部推入并顶出旧场景的过渡动画
  249.     //    参数1:过渡动作的持续时间
  250.     //    参数2:切换的目标场景的对象
  251. //    reScene  =CCTransitionSlideInT::create(t, s);
  252. //    CCDirector::sharedDirector()->replaceScene(reScene);
  253.    
  254.     //    CCTransitionSlideInB
  255.     //    作用:创建一个从下部推入并顶出旧场景的过渡动画
  256.     //    参数1:过渡动作的持续时间
  257.     //    参数2:切换的目标场景的对象
  258.     reScene  =CCTransitionSlideInB::create(t, s);
  259.     CCDirector::sharedDirector()->replaceScene(reScene);
  260.    
  261. }

  262. HelloWorld:: ~HelloWorld()
  263. {

  264. }
  265. //生命周期函数
  266.   void HelloWorld:: onEnter()
  267. {
  268.     CCLayer::onEnter();//务必调用
  269. }
  270.   void HelloWorld:: onEnterTransitionDidFinish()
  271. {
  272.     CCLayer::onEnterTransitionDidFinish();//务必调用

  273. }
  274.   void HelloWorld:: onExit()
  275. {
  276.     CCLayer::onExit();//务必调用

  277. }
复制代码


来源:易游模拟器(QQ:207621422),转载请注明出处!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|易游网-易游模拟器 Copyright @2015-2021 ( 浙ICP备15028007号-1 )

GMT+8, 2024-4-25 21:42 , Processed in 0.033204 second(s), 9 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表