cocos2dx 常见的32种切换场景的动画

前端之家收集整理的这篇文章主要介绍了cocos2dx 常见的32种切换场景的动画前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  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,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.  
  21. return true;
  22. }
  23.  
  24.  
  25. void HelloWorld:: changeScene()
  26. {
  27. CCTransitionScene * reScene = NULL;
  28. CCScene * s = TestLayer::scene();
  29. float t = 1.2f;
  30. // CCTransitionJumpZoom
  31. // 作用: 创建一个跳动的过渡动画
  32. // 参数1:过渡动作的时间
  33. // 参数2:切换到目标场景的对象
  34. // reScene = CCTransitionJumpZoom ::create(t,s);
  35. // CCDirector::sharedDirector()->replaceScene(reScene);
  36. // CCTransitionProgressRadialCCW
  37. // 作用: 创建一个扇形条形式的过渡动画, 逆时针方向
  38. // 参数1:过渡动作的时间
  39. // 参数2:切换到目标场景的对象
  40. // reScene = CCTransitionProgressRadialCCW::create(t,s);
  41. // CCDirector::sharedDirector()->replaceScene(reScene);
  42. // CCTransitionProgressRadialCW
  43. // 作用: 创建一个扇形条形式的过渡动画, 顺时针方向
  44. // 参数1:过渡动作的时间
  45. // 参数2:切换到目标场景的对象
  46. // reScene = CCTransitionProgressRadialCW::create(t,s);
  47. // CCDirector::sharedDirector()->replaceScene(reScene);
  48. // CCTransitionProgressHorizontal
  49. // 作用: 创建一个水平条形式的过渡动画,
  50. // 参数1:过渡动作的时间
  51. // 参数2:切换到目标场景的对象
  52. // reScene = CCTransitionProgressHorizontal ::create(t,s);
  53. // CCDirector::sharedDirector()->replaceScene(reScene);
  54. // CCTransitionProgressVertical
  55. // 作用: 创建一个垂直条形式的过渡动画,
  56. // 参数1:过渡动作的时间
  57. // 参数2:切换到目标场景的对象
  58. // reScene = CCTransitionProgressVertical::create(t,s);
  59. // CCDirector::sharedDirector()->replaceScene(reScene);
  60.  
  61. // CCTransitionProgressInOut
  62. // 作用: 创建一个由里向外扩展的过渡动画,
  63. // 参数1:过渡动作的时间
  64. // 参数2:切换到目标场景的对象
  65. // reScene = CCTransitionProgressInOut::create(t,s);
  66. // CCDirector::sharedDirector()->replaceScene(reScene);
  67.  
  68. // CCTransitionProgressOutIn
  69. // 作用: 创建一个由外向里扩展的过渡动画,
  70. // 参数1:过渡动作的时间
  71. // 参数2:切换到目标场景的对象
  72. // reScene = CCTransitionProgressOutIn::create(t,s);
  73. // CCDirector::sharedDirector()->replaceScene(reScene);
  74.  
  75. // CCTransitionCrossFade
  76. // 作用:创建一个逐渐透明的过渡动画
  77. // 参数1:过渡动作的时间
  78. // 参数2:切换到目标场景的对象
  79. // reScene = CCTransitionCrossFade::create(t,s);
  80. // CCDirector::sharedDirector()->replaceScene(reScene);
  81. // CCTransitionPageTurn
  82. // 作用:创建一个翻页的过渡动画
  83. // 参数1:过渡动作持续的时间
  84. // 参数2:切换的目标场景的对象
  85. // 参数3:是否逆向翻页
  86. // reScene = CCTransitionPageTurn::create(t,s,false);
  87. // CCDirector::sharedDirector()->replaceScene(reScene);
  88.  
  89. // CCTransitionFadeTR
  90. // 作用:创建一个部落格过渡动画, 从左下到右上
  91. // 参数1:过渡动作持续的时间
  92. // 参数2:切换的目标场景的对象
  93. // reScene =CCTransitionFadeTR::create(t,s);
  94. // CCDirector::sharedDirector()->replaceScene(reScene);
  95. // CCTransitionFadeBL
  96. // 作用:创建一个部落格过渡动画, 从右上到左下
  97. // 参数1:过渡动作持续的时间
  98. // 参数2:切换的目标场景的对象
  99. // reScene = CCTransitionFadeBL::create(t,s);
  100. // CCDirector::sharedDirector()->replaceScene(reScene);
  101. // CCTransitionFadeUp
  102. // 作用:创建一个从下到上,条形折叠的过渡动画
  103. // 参数1:过渡动作持续的时间
  104. // 参数2:切换的目标场景的对象
  105. // reScene= CCTransitionFadeUp::create(t,s);
  106. // CCDirector::sharedDirector()->replaceScene(s);
  107.  
  108. // CCTransitionFadeDown
  109. // 作用:创建一个从上到下,条形折叠的过渡动画
  110. // 参数1:过渡动作持续的时间
  111. // 参数2:切换的目标场景的对象
  112. // reScene = CCTransitionFadeDown::create(t,s);
  113. // CCDirector::sharedDirector()->replaceScene(reScene);
  114.  
  115. // CCTransitionTurnOffTiles
  116. // 作用:创建一个随机方格消失的过渡动画
  117. // 参数1:过渡动作的持续时间
  118. // 参数2:切换的目标场景的对象
  119. // reScene= CCTransitionTurnOffTiles::create(t,s);
  120. // CCDirector::sharedDirector()->replaceScene(reScene);
  121. // CCTransitionSplitRows
  122. // 作用:创建一个分行划分切换的过渡动画
  123. // 参数1:过渡动作的持续时间
  124. // 参数2:切换的目标场景的对象
  125. // reScene = CCTransitionSplitRows::create(t,s);
  126. // CCDirector::sharedDirector()->replaceScene(reScene);
  127.  
  128. // CCTransitionSplitCols
  129. // 作用:创建一个分列划分切换的过渡动画
  130. // 参数1:过渡动作的持续时间
  131. // 参数2:切换的目标场景的对象
  132. // reScene = CCTransitionSplitCols::create(t,s);
  133. // CCDirector::sharedDirector()->replaceScene(reScene);
  134. // CCTransitionFade
  135. // 作用:创建一个逐渐过渡到目标颜色的切换动画
  136. // 参数1:过渡动作的持续时间
  137. // 参数2:切换的目标场景的对象
  138. // 参数3:目标颜色
  139. // reScene= CCTransitionFade::create(t,ccc3(255,0));
  140. // CCDirector::sharedDirector()->replaceScene(reScene);
  141. // CCTransitionFlipX
  142. // 作用:创建一个x轴反转的切换动画
  143. // 参数1:过渡动作的持续时间
  144. // 参数2:切换的目标场景的对象
  145. // 参数3:反转类型的枚举变量 左右上下
  146. // kOrientationDownOver kOrientationLeftOver kOrientationRightOver kOrientationUpOver
  147. // reScene = CCTransitionFlipX::create(t,kOrientationRightOver);
  148. // CCDirector::sharedDirector()->replaceScene(reScene);
  149.  
  150. // CCTransitionFlipY
  151. // 参数1:过渡动作的持续时间
  152. // 参数2:切换的目标场景的对象
  153. // 参数3:反转类型的枚举变量 左右上下
  154. // reScene = CCTransitionFlipY::create(t,s
  155. //,kOrientationDownOver);
  156. // CCDirector::sharedDirector()->replaceScene(reScene);
  157.  
  158. // CCTransitionFlipAngular
  159. // 作用:创建一个带有反转角切换动画
  160. // // 参数1:过渡动作的持续时间
  161. // 参数2:切换的目标场景的对象
  162. // 参数3:反转类型的枚举变量 左右上下
  163. // reScene = CCTransitionFlipAngular::create(t,kOrientationLeftOver);
  164. // CCDirector::sharedDirector()->replaceScene(reScene);
  165. // CCTransitionZoomFlipX
  166. // 作用:创建一个带有缩放的x轴反转切换的动画
  167. // 参数1:过渡动作的持续时间
  168. // 参数2:切换的目标场景的对象
  169. // 参数3:反转类型的枚举变量 左右上下
  170. // reScene=CCTransitionZoomFlipX::create(t,kOrientationLeftOver);
  171. // CCDirector::sharedDirector()->replaceScene(reScene);
  172. // CCTransitionZoomFlipY
  173. // 作用:创建一个带有缩放的Y轴反转切换的动画
  174. // 参数1:过渡动作的持续时间
  175. // 参数2:切换的目标场景的对象
  176. // 参数3:反转类型的枚举变量 左右上下
  177. // reScene=CCTransitionZoomFlipY::create(t,kOrientationDownOver);
  178. // CCDirector::sharedDirector()->replaceScene(reScene);
  179. // CCTransitionZoomFlipAngular
  180. // 作用:创建一个带有缩放 ,反转角切换的动画
  181. // 参数1:过渡动作的持续时间
  182. // 参数2:切换的目标场景的对象
  183. // 参数3:反转类型的枚举变量 左右上下
  184. // reScene=CCTransitionZoomFlipAngular::create(t,kOrientationRightOver);
  185. // CCDirector::sharedDirector()->replaceScene(reScene);
  186. // CCTransitionShrinkGrow
  187. // 创建一个放缩交替的过渡动画
  188. // 参数1:过渡动作的持续时间
  189. // 参数2:切换的目标场景的对象
  190. // reScene = CCTransitionShrinkGrow::create(t,s);
  191. // CCDirector::sharedDirector()->replaceScene(reScene);
  192. // CCTransitionRotoZoom
  193. // 创建一个旋转放缩交替的过渡动画
  194. // 参数1:过渡动作的持续时间
  195. // 参数2:切换的目标场景的对象
  196. // reScene = CCTransitionRotoZoom::create(t,s);
  197. // CCDirector::sharedDirector()->replaceScene(reScene);
  198. // CCTransitionMoveInL
  199. // 作用:创建一个从左边推入覆盖的过渡动画
  200. // 参数1:过渡动作的持续时间
  201. // 参数2:切换的目标场景的对象
  202. // reScene = CCTransitionMoveInL::create(t,s);
  203. // CCDirector::sharedDirector()->replaceScene(reScene);
  204.  
  205. // CCTransitionMoveInR
  206. // 作用:创建一个从右边推入覆盖的过渡动画
  207. // 参数1:过渡动作的持续时间
  208. // 参数2:切换的目标场景的对象
  209. // reScene = CCTransitionMoveInR::create(t,s);
  210. // CCDirector::sharedDirector()->replaceScene(reScene);
  211. // CCTransitionMoveInB
  212. // 作用:创建一个从下边推入覆盖的过渡动画
  213. // 参数1:过渡动作的持续时间
  214. // 参数2:切换的目标场景的对象
  215. // reScene = CCTransitionMoveInB::create(t,s);
  216. // CCDirector::sharedDirector()->replaceScene(reScene);
  217. // CCTransitionMoveInT
  218. // 作用:创建一个从上边推入覆盖的过渡动画
  219. // 参数1:过渡动作的持续时间
  220. // 参数2:切换的目标场景的对象
  221. // reScene = CCTransitionMoveInT::create(t,s);
  222. // CCDirector::sharedDirector()->replaceScene(reScene);
  223.  
  224. // CCTransitionSlideInL
  225. // 作用:创建一个从左侧推入并顶出旧场景的过渡动画
  226. // 参数1:过渡动作的持续时间
  227. // 参数2:切换的目标场景的对象
  228. // reScene =CCTransitionSlideInL::create(t,s);
  229. // CCDirector::sharedDirector()->replaceScene(reScene);
  230.  
  231. // CCTransitionSlideInR
  232. // 作用:创建一个从右侧推入并顶出旧场景的过渡动画
  233. // 参数1:过渡动作的持续时间
  234. // 参数2:切换的目标场景的对象
  235. // reScene =CCTransitionSlideInR::create(t,s);
  236. // CCDirector::sharedDirector()->replaceScene(reScene);
  237. // CCTransitionSlideInT
  238. // 作用:创建一个从顶部推入并顶出旧场景的过渡动画
  239. // 参数1:过渡动作的持续时间
  240. // 参数2:切换的目标场景的对象
  241. // reScene =CCTransitionSlideInT::create(t,s);
  242. // CCDirector::sharedDirector()->replaceScene(reScene);
  243. // CCTransitionSlideInB
  244. // 作用:创建一个从下部推入并顶出旧场景的过渡动画
  245. // 参数1:过渡动作的持续时间
  246. // 参数2:切换的目标场景的对象
  247. reScene =CCTransitionSlideInB::create(t,s);
  248. CCDirector::sharedDirector()->replaceScene(reScene);
  249. }
  250.  
  251. HelloWorld:: ~HelloWorld()
  252. {
  253.  
  254. }
  255. //生命周期函数
  256. void HelloWorld:: onEnter()
  257. {
  258. CCLayer::onEnter();//务必调用
  259. }
  260. void HelloWorld:: onEnterTransitionDidFinish()
  261. {
  262. CCLayer::onEnterTransitionDidFinish();//务必调用
  263.  
  264. }
  265. void HelloWorld:: onExit()
  266. {
  267. CCLayer::onExit();//务必调用
  268.  
  269. }

猜你在找的Cocos2d-x相关文章