0

0

cocos2dx场景间切换效果

php中文网

php中文网

发布时间:2016-06-07 15:43:37

|

1253人浏览过

|

来源于php中文网

原创

1.使用方法: 正常的无过渡场景的如果尚未建立场景(即游戏中的第一个场景),就是用pDirector-runWithScene(pScene);即可以使用相应场景。 如果是替换场景,则使用CCDirector::sharedDirector()-replaceScene(this);替换相应的场景即可。 而如果要使用场景

css3卡通白天夜晚动画场景切换特效
css3卡通白天夜晚动画场景切换特效

一款css3卡通白天夜晚动画场景切换特效

下载

1.使用方法:

正常的无过渡场景的如果尚未建立场景(即游戏中的第一个场景),就是用pDirector->runWithScene(pScene);即可以使用相应场景。

如果是替换场景,则使用CCDirector::sharedDirector()->replaceScene(this);替换相应的场景即可。

而如果要使用场景间的切换效果来切换场景,则需要使用相应的切换方法即transitionWithDuration(当然不同效果的使用方法略有不同)生成相应场景,然后再通过CCDirector::sharedDirector()->replaceScene(this)来启动场景,也就是说这个给这个场景加了一个外包装,然后再启动,那么,这个场景就不是直接显示了,而是在场景的效果使用完了以后进入场景,起到过渡的效果。

一般此函数有两个参数,第一个是特效的切换时间,直接生成一个CCTime即可,例子中设定的时间是1.2s,对于很多场景的显示都很舒服,第二个是要进入的场景,有的会有第三个参数,会在下面介绍

2.test中的效果总结

CCTransitionJumpZoom::transitionWithDuration(t, s);//跳跃式,本场景先会缩小,然后跳跃进来

CCTransitionFade::transitionWithDuration(t, s);//淡出淡入,原场景淡出,新场景淡入

CCTransitionFade::transitionWithDuration(t, s, ccWHITE);//如果上一个的函数,带3个参数,则第三个参数就是淡出淡入的颜色

CCTransitionFlipX::transitionWithDuration(t, s, kOrientationLeftOver);//x轴左翻

CCTransitionFlipX::transitionWithDuration(t, s, kOrientationRightOver);//x轴右翻

CCTransitionFlipY::transitionWithDuration(t, s, kOrientationUpOver);//y轴上翻

CCTransitionFlipY::transitionWithDuration(t, s, kOrientationDownOver);//y轴下翻

CCTransitionFlipAngular::transitionWithDuration(t, s, kOrientationLeftOver);//有角度转的左翻

CCTransitionFlipAngular::transitionWithDuration(t, s, kOrientationRightOver);//有角度转的右翻

CCTransitionZoomFlipX::transitionWithDuration(t, s, kOrientationLeftOver);//带缩放效果x轴左翻

CCTransitionZoomFlipX::transitionWithDuration(t, s, kOrientationRightOver);//带缩放效果x轴右翻

CCTransitionZoomFlipY::transitionWithDuration(t, s, kOrientationUpOver);//带缩放效果y轴上翻

CCTransitionZoomFlipY::transitionWithDuration(t, s, kOrientationDownOver);//带缩放效果y轴下翻

CCTransitionZoomFlipAngular::transitionWithDuration(t, s, kOrientationLeftOver);//带缩放效果/有角度转的左翻

CCTransitionZoomFlipAngular::transitionWithDuration(t, s, kOrientationRightOver);//带缩放效果有角度转的右翻

CCTransitionShrinkGrow::transitionWithDuration(t, s);//交错换

CCTransitionRotoZoom::transitionWithDuration(t, s);//转角换

CCTransitionMoveInL::transitionWithDuration(t, s);//新场景从左移入覆盖

CCTransitionMoveInR::transitionWithDuration(t, s);//新场景从右移入覆盖

CCTransitionMoveInT::transitionWithDuration(t, s);//新场景从上移入覆盖

CCTransitionMoveInB::transitionWithDuration(t, s);//新场景从下移入覆盖

CCTransitionSlideInL::transitionWithDuration(t, s);//场景从左移入推出原场景

CCTransitionSlideInR::transitionWithDuration(t, s);//场景从右移入推出原场景

CCTransitionSlideInT::transitionWithDuration(t, s);//场景从上移入推出原场景

CCTransitionSlideInB::transitionWithDuration(t, s);//场景从下移入推出原场景

以下三个需要检测opengl版本是否支持CCConfiguration::sharedConfiguration()->getGlesVersion()

CCTransitionCrossFade::transitionWithDuration(t,s);//淡出淡入交叉,同时进行

CCTransitionRadialCCW::transitionWithDuration(t,s);//时针切入

CCTransitionRadialCW::transitionWithDuration(t,s);//时针切入

以下两个需要先设置摄像机,使用CCDirector::sharedDirector()->setDepthTest(true);

CCTransitionPageTurn::transitionWithDuration(t, s, false);//翻页,前翻

CCTransitionPageTurn::transitionWithDuration(t, s, true);//翻页,后翻

CCTransitionFadeTR::transitionWithDuration(t, s);//向右上波浪

CCTransitionFadeBL::transitionWithDuration(t, s);//向左下波浪

CCTransitionFadeUp::transitionWithDuration(t, s);//向上百叶窗

CCTransitionFadeDown::transitionWithDuration(t, s);//向下百叶窗

CCTransitionTurnOffTiles::transitionWithDuration(t, s);//随机小方块

CCTransitionSplitRows::transitionWithDuration(t, s);//按行切

CCTransitionSplitCols::transitionWithDuration(t, s);//按列切

 

http://www.cnblogs.com/linux-ios/archive/2013/04/09/3010779.html

//  CCTransitionJumpZoom
//    作用: 创建一个跳动的过渡动画
//    参数1:过渡动作的时间
//    参数2:切换到目标场景的对象
//    reScene = CCTransitionJumpZoom ::create(t , s);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
//    CCTransitionProgressRadialCCW
    //    作用: 创建一个扇形条形式的过渡动画, 逆时针方向
    //    参数1:过渡动作的时间
    //    参数2:切换到目标场景的对象
//    reScene = CCTransitionProgressRadialCCW::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
//    CCTransitionProgressRadialCW
    //    作用: 创建一个扇形条形式的过渡动画, 顺时针方向
    //    参数1:过渡动作的时间
    //    参数2:切换到目标场景的对象
//    reScene = CCTransitionProgressRadialCW::create(t,s);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
    //    CCTransitionProgressHorizontal
    //    作用: 创建一个水平条形式的过渡动画,  
    //    参数1:过渡动作的时间
    //    参数2:切换到目标场景的对象
//    reScene = CCTransitionProgressHorizontal ::create(t,s);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
//    CCTransitionProgressVertical
    //    作用: 创建一个垂直条形式的过渡动画,
    //    参数1:过渡动作的时间
    //    参数2:切换到目标场景的对象
//    reScene = CCTransitionProgressVertical::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);

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

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

//    CCTransitionCrossFade
//    作用:创建一个逐渐透明的过渡动画
    //    参数1:过渡动作的时间
    //    参数2:切换到目标场景的对象
//    reScene = CCTransitionCrossFade::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
//    CCTransitionPageTurn
//    作用:创建一个翻页的过渡动画
//    参数1:过渡动作持续的时间
//    参数2:切换的目标场景的对象
//    参数3:是否逆向翻页
//    reScene = CCTransitionPageTurn::create(t, s, false);
//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionFadeTR
//    作用:创建一个部落格过渡动画, 从左下到右上
    //    参数1:过渡动作持续的时间
    //    参数2:切换的目标场景的对象
//    reScene =CCTransitionFadeTR::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
//    CCTransitionFadeBL
    //    作用:创建一个部落格过渡动画, 从右上到左下
    //    参数1:过渡动作持续的时间
    //    参数2:切换的目标场景的对象
//    reScene = CCTransitionFadeBL::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
//    CCTransitionFadeUp
    //    作用:创建一个从下到上,条形折叠的过渡动画
    //    参数1:过渡动作持续的时间
    //    参数2:切换的目标场景的对象
//    reScene= CCTransitionFadeUp::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(s);

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

//    CCTransitionTurnOffTiles
//    作用:创建一个随机方格消失的过渡动画
//    参数1:过渡动作的持续时间
//    参数2:切换的目标场景的对象
//    reScene= CCTransitionTurnOffTiles::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
//    CCTransitionSplitRows
//    作用:创建一个分行划分切换的过渡动画
    //    参数1:过渡动作的持续时间
    //    参数2:切换的目标场景的对象
//    reScene = CCTransitionSplitRows::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionSplitCols
    //    作用:创建一个分列划分切换的过渡动画
    //    参数1:过渡动作的持续时间
    //    参数2:切换的目标场景的对象
//    reScene = CCTransitionSplitCols::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
//    CCTransitionFade
//    作用:创建一个逐渐过渡到目标颜色的切换动画
//    参数1:过渡动作的持续时间
//    参数2:切换的目标场景的对象
//    参数3:目标颜色
//    reScene= CCTransitionFade::create(t, s, ccc3(255, 0, 0));
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
//    CCTransitionFlipX
//    作用:创建一个x轴反转的切换动画
    //    参数1:过渡动作的持续时间
    //    参数2:切换的目标场景的对象
    //    参数3:反转类型的枚举变量   左右上下
//    kOrientationDownOver kOrientationLeftOver kOrientationRightOver  kOrientationUpOver
//    reScene  = CCTransitionFlipX::create(t, s, kOrientationRightOver);
//    CCDirector::sharedDirector()->replaceScene(reScene);

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

//    CCTransitionFlipAngular
//    作用:创建一个带有反转角切换动画
    //        //    参数1:过渡动作的持续时间
    //    参数2:切换的目标场景的对象
    //    参数3:反转类型的枚举变量   左右上下
//    reScene = CCTransitionFlipAngular::create(t, s, kOrientationLeftOver);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
//    CCTransitionZoomFlipX
//     作用:创建一个带有缩放的x轴反转切换的动画
    //    参数1:过渡动作的持续时间
    //    参数2:切换的目标场景的对象
    //    参数3:反转类型的枚举变量   左右上下
//    reScene=CCTransitionZoomFlipX::create(t, s, kOrientationLeftOver);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
//    CCTransitionZoomFlipY
    //     作用:创建一个带有缩放的Y轴反转切换的动画
    //    参数1:过渡动作的持续时间
    //    参数2:切换的目标场景的对象
    //    参数3:反转类型的枚举变量   左右上下
//    reScene=CCTransitionZoomFlipY::create(t, s, kOrientationDownOver);
//    CCDirector::sharedDirector()->replaceScene(reScene);
   
    //    CCTransitionZoomFlipAngular
    //     作用:创建一个带有缩放 ,反转角切换的动画
    //    参数1:过渡动作的持续时间
    //    参数2:切换的目标场景的对象
    //    参数3:反转类型的枚举变量   左右上下
//    reScene=CCTransitionZoomFlipAngular::create(t, s, kOrientationRightOver);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
//    CCTransitionShrinkGrow
//    创建一个放缩交替的过渡动画
    //    参数1:过渡动作的持续时间
    //    参数2:切换的目标场景的对象
//    reScene = CCTransitionShrinkGrow::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
//    CCTransitionRotoZoom
   // 创建一个旋转放缩交替的过渡动画
   // 参数1:过渡动作的持续时间
   // 参数2:切换的目标场景的对象
//    reScene = CCTransitionRotoZoom::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
//    CCTransitionMoveInL
//    作用:创建一个从左边推入覆盖的过渡动画
    // 参数1:过渡动作的持续时间
    // 参数2:切换的目标场景的对象
//    reScene = CCTransitionMoveInL::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionMoveInR
    //    作用:创建一个从右边推入覆盖的过渡动画
    // 参数1:过渡动作的持续时间
    // 参数2:切换的目标场景的对象
//    reScene = CCTransitionMoveInR::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
//    CCTransitionMoveInB
    //    作用:创建一个从下边推入覆盖的过渡动画
    // 参数1:过渡动作的持续时间
    // 参数2:切换的目标场景的对象
//    reScene = CCTransitionMoveInB::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
    //    CCTransitionMoveInT
    //    作用:创建一个从上边推入覆盖的过渡动画
    // 参数1:过渡动作的持续时间
    // 参数2:切换的目标场景的对象
//    reScene = CCTransitionMoveInT::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);

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

//    CCTransitionSlideInR
    //    作用:创建一个从右侧推入并顶出旧场景的过渡动画
    //    参数1:过渡动作的持续时间
    //    参数2:切换的目标场景的对象
//    reScene  =CCTransitionSlideInR::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
    
    //    CCTransitionSlideInT
    //    作用:创建一个从顶部推入并顶出旧场景的过渡动画
    //    参数1:过渡动作的持续时间
    //    参数2:切换的目标场景的对象
//    reScene  =CCTransitionSlideInT::create(t, s);
//    CCDirector::sharedDirector()->replaceScene(reScene);
    
    //    CCTransitionSlideInB
    //    作用:创建一个从下部推入并顶出旧场景的过渡动画
    //    参数1:过渡动作的持续时间
    //    参数2:切换的目标场景的对象
    reScene  =CCTransitionSlideInB::create(t, s);
    CCDirector::sharedDirector()->replaceScene(reScene);
    


相关专题

更多
Java 项目构建与依赖管理(Maven / Gradle)
Java 项目构建与依赖管理(Maven / Gradle)

本专题系统讲解 Java 项目构建与依赖管理的完整体系,重点覆盖 Maven 与 Gradle 的核心概念、项目生命周期、依赖冲突解决、多模块项目管理、构建加速与版本发布规范。通过真实项目结构示例,帮助学习者掌握 从零搭建、维护到发布 Java 工程的标准化流程,提升在实际团队开发中的工程能力与协作效率。

4

2026.01.12

c++主流开发框架汇总
c++主流开发框架汇总

本专题整合了c++开发框架推荐,阅读专题下面的文章了解更多详细内容。

99

2026.01.09

c++框架学习教程汇总
c++框架学习教程汇总

本专题整合了c++框架学习教程汇总,阅读专题下面的文章了解更多详细内容。

53

2026.01.09

学python好用的网站推荐
学python好用的网站推荐

本专题整合了python学习教程汇总,阅读专题下面的文章了解更多详细内容。

139

2026.01.09

学python网站汇总
学python网站汇总

本专题整合了学python网站汇总,阅读专题下面的文章了解更多详细内容。

12

2026.01.09

python学习网站
python学习网站

本专题整合了python学习相关推荐汇总,阅读专题下面的文章了解更多详细内容。

19

2026.01.09

俄罗斯手机浏览器地址汇总
俄罗斯手机浏览器地址汇总

汇总俄罗斯Yandex手机浏览器官方网址入口,涵盖国际版与俄语版,适配移动端访问,一键直达搜索、地图、新闻等核心服务。

85

2026.01.09

漫蛙稳定版地址大全
漫蛙稳定版地址大全

漫蛙稳定版地址大全汇总最新可用入口,包含漫蛙manwa漫画防走失官网链接,确保用户随时畅读海量正版漫画资源,建议收藏备用,避免因域名变动无法访问。

441

2026.01.09

php学习网站大全
php学习网站大全

精选多个优质PHP入门学习网站,涵盖教程、实战与文档,适合零基础到进阶开发者,助你高效掌握PHP编程。

49

2026.01.09

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
【web前端】Node.js快速入门
【web前端】Node.js快速入门

共16课时 | 2万人学习

ECMAScript6 / ES6---十天技能课堂
ECMAScript6 / ES6---十天技能课堂

共25课时 | 1.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号