Cocos2d-x 图像渲染和动画——场景转换(Transitions)
2016-07-13 22:21
507 查看
Cocos2d-x最爽的一个特性之一就是提供了在两个不同场景之间直接转换的能力。例如:淡入淡出,放大缩小,旋转,跳动等。从技术上来说,一个场景转换就是在展示并控制一个新场景之前执行一个转换效果。
场景之间通过TransitionScene系列类来实现过渡跳转的效果。TransitionScene继承于Scene,该系列类主要是与场景切换特效相关的一些使用类。如TransitionFadeDown、TransitionPageTurn、TransitionJumpZoom等等。
主要的切换特效有:
TransitionRotoZoom 旋转进入
TransitionJumpZoom 跳动进入
TransitionPageTurn 翻页效果进入
TransitionRadialCCW 钟摆效果
TransitionMoveInL / TransitionMoveInR / TransitionMoveInT / TransitionMoveInB 左侧/右侧/顶部/底部进入
TransitionSlideInL/TransitionSlideInR/TransitionSlideInT/TransitionSlideInB 分别从左侧/右侧/顶部/底部滑入
TransitionShrinkGrow 交替进入
TransitionFlipX/TransitionFlipY x轴翻入(左右)/ y轴翻入(上下)
TransitionFlipAngular 左上右下轴翻入
TransitionZoomFlipX/TransitionZoomFlipY x轴翻入放大缩小效果(左右)/ y轴翻入放大缩小效果(上下)
TransitionFadeTR /TransitionFadeBL/TransitionFadeUp/TransitionFadeDown 小方格右上角显示进入/ 小方格左下角显示进入/ 横条向上显示进入/ 横条向下显示进入
TransitionSplitCols / TransitionSplitRows 竖条切换进入/ 横条切换进入
TransitionZoomFlipAngular 左上右下轴翻入放大缩小效果
TransitionFade 渐隐进入
TransitionCrossFade 渐变进入
TransitionTurnOffTiles 小方格消失进入
TransitionRadialCCW/TransitionRadialCW 扇面展开收起
场景的转换是由Director类来控制的,通过调用Director类的replaceScene( Scene scene ) 方法可直接使用传入的scene替换当前场景来切换画面,当前场景会被释放,它是切换场景时最常用的方法。
前面说过,场景转换的一系列类都继承于Scene类,所以可以创建一个转场类替代scene,从而实现各种转场的效果。
场景之间通过TransitionScene系列类来实现过渡跳转的效果。TransitionScene继承于Scene,该系列类主要是与场景切换特效相关的一些使用类。如TransitionFadeDown、TransitionPageTurn、TransitionJumpZoom等等。
主要的切换特效有:
TransitionRotoZoom 旋转进入
TransitionJumpZoom 跳动进入
TransitionPageTurn 翻页效果进入
TransitionRadialCCW 钟摆效果
TransitionMoveInL / TransitionMoveInR / TransitionMoveInT / TransitionMoveInB 左侧/右侧/顶部/底部进入
TransitionSlideInL/TransitionSlideInR/TransitionSlideInT/TransitionSlideInB 分别从左侧/右侧/顶部/底部滑入
TransitionShrinkGrow 交替进入
TransitionFlipX/TransitionFlipY x轴翻入(左右)/ y轴翻入(上下)
TransitionFlipAngular 左上右下轴翻入
TransitionZoomFlipX/TransitionZoomFlipY x轴翻入放大缩小效果(左右)/ y轴翻入放大缩小效果(上下)
TransitionFadeTR /TransitionFadeBL/TransitionFadeUp/TransitionFadeDown 小方格右上角显示进入/ 小方格左下角显示进入/ 横条向上显示进入/ 横条向下显示进入
TransitionSplitCols / TransitionSplitRows 竖条切换进入/ 横条切换进入
TransitionZoomFlipAngular 左上右下轴翻入放大缩小效果
TransitionFade 渐隐进入
TransitionCrossFade 渐变进入
TransitionTurnOffTiles 小方格消失进入
TransitionRadialCCW/TransitionRadialCW 扇面展开收起
场景的转换是由Director类来控制的,通过调用Director类的replaceScene( Scene scene ) 方法可直接使用传入的scene替换当前场景来切换画面,当前场景会被释放,它是切换场景时最常用的方法。
前面说过,场景转换的一系列类都继承于Scene类,所以可以创建一个转场类替代scene,从而实现各种转场的效果。
auto transitions = TransitionMoveInL::create(0.2f, scene); Director::getInstance()->replaceScene(transitions);
相关文章推荐
- Cocos2d-x 图像渲染和动画——序列帧动画
- cocos2dx spine之二 :spine变色
- Cocos2d-x 图像渲染和动画——动作
- Cocos2d-x 图像渲染和动画——3.0坐标系详解
- Cocos2d-x 基础概念——调度器(scheduler)
- Cocos2d-x 基础概念——导演、场景、层、精灵
- Cocos2d-x 综述——API 风格
- cocos2dx spine之一 :spine缓存 (c++ & lua)
- 使用TexturePacker生成png和plist,在Cocos2dx中使用plist和png
- Cocos Creator 控制面板
- Cocos Creator 介绍
- cocos2d-x怎么实现跨平台 记录
- Cocos2d-JS schedule用法
- 【cocos2d-js官方文档】十七、事件分发机制
- Qiuck_Cocos基础(二)
- Qiuck_Cocos基础(一)
- cocos2dx 3.0 beta android环境配置 (转)
- 手游研发系列【1】—— csv解析方案
- Cocos2d-x使用iconv库解决UTF8乱码与移植安卓
- cocos2d-x lua中实现异步加载纹理