我们经常要用到cocos2dx场景切换动画,所以我根据自己学的和在网上搜集的一共32中cocos2dx场景切换动画,现在跟大家一起学习一下。
  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. CCSprite * sp= CCSprite::create("background1.png");
  11. sp->setPosition(ccp( size.width/2, size.height/2) );
  12. addChild(sp);
  13. CCLabelTTF * label = CCLabelTTF::create("点击按钮切换", "", 20);
  14. //  label->setPosition(ccp(size.width/2, size.height/2));
  15. label->setColor(ccc3(255, 0, 255));
  16. CCMenuItemLabel * itemLabel = CCMenuItemLabel::create(label, this, menu_selector(HelloWorld::changeScene));
  17. // itemLabel->setPosition(ccp(size.width/2,size.height/2));
  18. CCMenu * menu = CCMenu::create(itemLabel,NULL);
  19. addChild(menu);
  20. return true;
  21. }
  22. void HelloWorld:: changeScene()
  23. {
  24. CCTransitionScene * reScene = NULL;
  25. CCScene * s = TestLayer::scene();
  26. float t = 1.2f;
  27. //    CCTransitionJumpZoom
  28. //    作用: 创建一个跳动的过渡动画
  29. //    参数1:过渡动作的时间
  30. //    参数2:切换到目标场景的对象
  31.  //    reScene = CCTransitionJumpZoom ::create(t , s);
  32. //    CCDirector::sharedDirector()->replaceScene(reScene);
  33. //    CCTransitionProgressRadialCCW
  34. //    作用: 创建一个扇形条形式的过渡动画, 逆时针方向
  35. //    参数1:过渡动作的时间
  36. //    参数2:切换到目标场景的对象
  37. //    reScene = CCTransitionProgressRadialCCW::create(t, s);
  38. //    CCDirector::sharedDirector()->replaceScene(reScene);
  39. //    CCTransitionProgressRadialCW
  40. //    作用: 创建一个扇形条形式的过渡动画, 顺时针方向
  41. //    参数1:过渡动作的时间
  42. //    参数2:切换到目标场景的对象
  43. //    reScene = CCTransitionProgressRadialCW::create(t,s);
  44. //    CCDirector::sharedDirector()->replaceScene(reScene);
  45. //    CCTransitionProgressHorizontal
  46. //    作用: 创建一个水平条形式的过渡动画,
  47. //    参数1:过渡动作的时间
  48. //    参数2:切换到目标场景的对象
  49. //    reScene = CCTransitionProgressHorizontal ::create(t,s);
  50. //    CCDirector::sharedDirector()->replaceScene(reScene);
  51. //    CCTransitionProgressVertical
  52. //    作用: 创建一个垂直条形式的过渡动画,
  53. //    参数1:过渡动作的时间
  54. //    参数2:切换到目标场景的对象
  55. //    reScene = CCTransitionProgressVertical::create(t, s);
  56. //    CCDirector::sharedDirector()->replaceScene(reScene);
  57. //    CCTransitionProgressInOut
  58. //    作用: 创建一个由里向外扩展的过渡动画,
  59. //    参数1:过渡动作的时间
  60. //    参数2:切换到目标场景的对象
  61. //    reScene = CCTransitionProgressInOut::create(t, s);
  62. //    CCDirector::sharedDirector()->replaceScene(reScene);
  63. //    CCTransitionProgressOutIn
  64. //    作用: 创建一个由外向里扩展的过渡动画,
  65. //    参数1:过渡动作的时间
  66. //    参数2:切换到目标场景的对象
  67. //    reScene = CCTransitionProgressOutIn::create(t, s);
  68. //    CCDirector::sharedDirector()->replaceScene(reScene);
  69. //    CCTransitionCrossFade
  70. //    作用:创建一个逐渐透明的过渡动画
  71. //    参数1:过渡动作的时间
  72. //    参数2:切换到目标场景的对象
  73. //    reScene = CCTransitionCrossFade::create(t, s);
  74. //    CCDirector::sharedDirector()->replaceScene(reScene);
  75. //    CCTransitionPageTurn
  76. //    作用:创建一个翻页的过渡动画
  77. //    参数1:过渡动作持续的时间
  78. //    参数2:切换的目标场景的对象
  79. //    参数3:是否逆向翻页
  80. //    reScene = CCTransitionPageTurn::create(t, s, false);
  81. //    CCDirector::sharedDirector()->replaceScene(reScene);
  82. //    CCTransitionFadeTR
  83. //    作用:创建一个部落格过渡动画, 从左下到右上
  84. //    参数1:过渡动作持续的时间
  85. //    参数2:切换的目标场景的对象
  86. //    reScene =CCTransitionFadeTR::create(t, s);
  87. //    CCDirector::sharedDirector()->replaceScene(reScene);
  88. //    CCTransitionFadeBL
  89. //    作用:创建一个部落格过渡动画, 从右上到左下
  90. //    参数1:过渡动作持续的时间
  91. //    参数2:切换的目标场景的对象
  92. //    reScene = CCTransitionFadeBL::create(t, s);
  93. //    CCDirector::sharedDirector()->replaceScene(reScene);
  94. //    CCTransitionFadeUp
  95. //    作用:创建一个从下到上,条形折叠的过渡动画
  96. //    参数1:过渡动作持续的时间
  97. //    参数2:切换的目标场景的对象
  98. //    reScene= CCTransitionFadeUp::create(t, s);
  99. //    CCDirector::sharedDirector()->replaceScene(s);
  100. //    CCTransitionFadeDown
  101. //    作用:创建一个从上到下,条形折叠的过渡动画
  102. //    参数1:过渡动作持续的时间
  103. //    参数2:切换的目标场景的对象
  104. //    reScene = CCTransitionFadeDown::create(t, s);
  105. //    CCDirector::sharedDirector()->replaceScene(reScene);
  106. //    CCTransitionTurnOffTiles
  107. //    作用:创建一个随机方格消失的过渡动画
  108. //    参数1:过渡动作的持续时间
  109. //    参数2:切换的目标场景的对象
  110. //    reScene= CCTransitionTurnOffTiles::create(t, s);
  111. //    CCDirector::sharedDirector()->replaceScene(reScene);
  112. //    CCTransitionSplitRows
  113. //    作用:创建一个分行划分切换的过渡动画
  114. //    参数1:过渡动作的持续时间
  115. //    参数2:切换的目标场景的对象
  116. //    reScene = CCTransitionSplitRows::create(t, s);
  117. //    CCDirector::sharedDirector()->replaceScene(reScene);
  118. //    CCTransitionSplitCols
  119. //    作用:创建一个分列划分切换的过渡动画
  120. //    参数1:过渡动作的持续时间
  121. //    参数2:切换的目标场景的对象
  122. //    reScene = CCTransitionSplitCols::create(t, s);
  123. //    CCDirector::sharedDirector()->replaceScene(reScene);
  124. //    CCTransitionFade
  125. //    作用:创建一个逐渐过渡到目标颜色的切换动画
  126. //    参数1:过渡动作的持续时间
  127. //    参数2:切换的目标场景的对象
  128. //    参数3:目标颜色
  129. //    reScene= CCTransitionFade::create(t, s, ccc3(255, 0, 0));
  130. //    CCDirector::sharedDirector()->replaceScene(reScene);
  131. //    CCTransitionFlipX
  132. //    作用:创建一个x轴反转的切换动画
  133. //    参数1:过渡动作的持续时间
  134. //    参数2:切换的目标场景的对象
  135. //    参数3:反转类型的枚举变量   左右上下
  136. //    kOrientationDownOver kOrientationLeftOver kOrientationRightOver  kOrientationUpOver
  137. //    reScene  = CCTransitionFlipX::create(t, s, kOrientationRightOver);
  138. //    CCDirector::sharedDirector()->replaceScene(reScene);
  139. //    CCTransitionFlipY
  140. //    参数1:过渡动作的持续时间
  141. //    参数2:切换的目标场景的对象
  142. //    参数3:反转类型的枚举变量   左右上下
  143. //    reScene = CCTransitionFlipY::create(t, s
  144. //                                        , kOrientationDownOver);
  145. //    CCDirector::sharedDirector()->replaceScene(reScene);
  146. //    CCTransitionFlipAngular
  147. //    作用:创建一个带有反转角切换动画
  148. //    参数1:过渡动作的持续时间
  149. //    参数2:切换的目标场景的对象
  150. //    参数3:反转类型的枚举变量   左右上下
  151. //    reScene = CCTransitionFlipAngular::create(t, s, kOrientationLeftOver);
  152. //    CCDirector::sharedDirector()->replaceScene(reScene);
  153. //    CCTransitionZoomFlipX
  154. //    作用:创建一个带有缩放的x轴反转切换的动画
  155. //    参数1:过渡动作的持续时间
  156. //    参数2:切换的目标场景的对象
  157. //    参数3:反转类型的枚举变量   左右上下
  158. //    reScene=CCTransitionZoomFlipX::create(t, s, kOrientationLeftOver);
  159. //    CCDirector::sharedDirector()->replaceScene(reScene);
  160. //    CCTransitionZoomFlipY
  161. //    作用:创建一个带有缩放的Y轴反转切换的动画
  162. //    参数1:过渡动作的持续时间
  163. //    参数2:切换的目标场景的对象
  164. //    参数3:反转类型的枚举变量   左右上下
  165. //    reScene=CCTransitionZoomFlipY::create(t, s, kOrientationDownOver);
  166. //    CCDirector::sharedDirector()->replaceScene(reScene);
  167. //    CCTransitionZoomFlipAngular
  168. //    作用:创建一个带有缩放 ,反转角切换的动画
  169. //    参数1:过渡动作的持续时间
  170. //    参数2:切换的目标场景的对象
  171. //    参数3:反转类型的枚举变量   左右上下
  172. //    reScene=CCTransitionZoomFlipAngular::create(t, s, kOrientationRightOver);
  173. //    CCDirector::sharedDirector()->replaceScene(reScene);
  174. //    CCTransitionShrinkGrow
  175. //    创建一个放缩交替的过渡动画
  176. //    参数1:过渡动作的持续时间
  177. //    参数2:切换的目标场景的对象
  178. //    reScene = CCTransitionShrinkGrow::create(t, s);
  179. //    CCDirector::sharedDirector()->replaceScene(reScene);
  180. //    CCTransitionRotoZoom
  181. //    创建一个旋转放缩交替的过渡动画
  182. //    参数1:过渡动作的持续时间
  183. //    参数2:切换的目标场景的对象
  184. //    reScene = CCTransitionRotoZoom::create(t, s);
  185. //    CCDirector::sharedDirector()->replaceScene(reScene);
  186. //    CCTransitionMoveInL
  187. //    作用:创建一个从左边推入覆盖的过渡动画
  188. //    参数1:过渡动作的持续时间
  189. //    参数2:切换的目标场景的对象
  190. //    reScene = CCTransitionMoveInL::create(t, s);
  191. //    CCDirector::sharedDirector()->replaceScene(reScene);
  192. //    CCTransitionMoveInR
  193. //    作用:创建一个从右边推入覆盖的过渡动画
  194. //    参数1:过渡动作的持续时间
  195. //    参数2:切换的目标场景的对象
  196. //    reScene = CCTransitionMoveInR::create(t, s);
  197. //    CCDirector::sharedDirector()->replaceScene(reScene);
  198. //    CCTransitionMoveInB
  199. //    作用:创建一个从下边推入覆盖的过渡动画
  200. //    参数1:过渡动作的持续时间
  201. //    参数2:切换的目标场景的对象
  202. //    reScene = CCTransitionMoveInB::create(t, s);
  203. //    CCDirector::sharedDirector()->replaceScene(reScene);
  204. //    CCTransitionMoveInT
  205. //    作用:创建一个从上边推入覆盖的过渡动画
  206. //    参数1:过渡动作的持续时间
  207. //    参数2:切换的目标场景的对象
  208. //    reScene = CCTransitionMoveInT::create(t, s);
  209. //    CCDirector::sharedDirector()->replaceScene(reScene);
  210. //    CCTransitionSlideInL
  211. //    作用:创建一个从左侧推入并顶出旧场景的过渡动画
  212. //    参数1:过渡动作的持续时间
  213. //    参数2:切换的目标场景的对象
  214. //    reScene  =CCTransitionSlideInL::create(t, s);
  215. //    CCDirector::sharedDirector()->replaceScene(reScene);
  216. //    CCTransitionSlideInR
  217. //    作用:创建一个从右侧推入并顶出旧场景的过渡动画
  218. //    参数1:过渡动作的持续时间
  219. //    参数2:切换的目标场景的对象
  220. //    reScene  =CCTransitionSlideInR::create(t, s);
  221. //    CCDirector::sharedDirector()->replaceScene(reScene);
  222. //    CCTransitionSlideInT
  223. //    作用:创建一个从顶部推入并顶出旧场景的过渡动画
  224. //    参数1:过渡动作的持续时间
  225. //    参数2:切换的目标场景的对象
  226. //    reScene  =CCTransitionSlideInT::create(t, s);
  227. //    CCDirector::sharedDirector()->replaceScene(reScene);
  228. //    CCTransitionSlideInB
  229. //    作用:创建一个从下部推入并顶出旧场景的过渡动画
  230. //    参数1:过渡动作的持续时间
  231. //    参数2:切换的目标场景的对象
  232. reScene  =CCTransitionSlideInB::create(t, s);
  233. CCDirector::sharedDirector()->replaceScene(reScene);
  234. }