`
zhouxi2010
  • 浏览: 50071 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

cocos2d-html5教程之动作CCAction[转载]

阅读更多

简单的讲解一下关于cocos2d-html5场景切换。
使用方式:
一般的第一个场景就是初始化场景,一般用下面类似的代码载入就可以了:

  1. Helloworld.scene = function () {
  2. // 'scene'是一个自动生成的对象
  3.     var scene = cc.Scene.node();
  4.    // 'layer' 是一个自动生成的对象
  5.    var layer = this.node();
  6.          layer._m_bIsTouchEnabled= true;//判断事件是否可用
  7.    scene.addChild(layer);
  8.    return scene;
  9. };
复制代码

上面的代码根本没有使用任何过度的方法,比较简单的完成了任务。但是在实际的需求中会有这样那样的场景切换的操作,例如:html5游戏中回城的场景切换、死亡时的虚幻等等。Cocos2d-html5引擎中提供了切换场景的一些方法。以下是继承关系图:
                              
下面我们列出以上类的作用:

  1. 1,cc.TransitionCrossFade.create(t,scene)   // 交叉消失两个场景使用cc.RenderTexture对象。
  2. 2,cc.TransitionFad.create(t,scene,color)  // 淡出即将离任的场景,然后消失在传入的场景。 
  3. 3,cc.TransitionFadeBL.create(t, scene)  // 向左下波浪退出
  4. 4,cc.TransitionFadeDown.create(t, scene)  // 向下百叶窗式换场景
  5. 5,cc.TransitionFadeUp.create(t, scene)  // 向上百叶窗式换场景
  6. 6,cc.TransitionJumpZoom.create(t, scene)   // 跳跃式替换,场景缩小,再加载进来
  7. 7,cc.TransitionMoveInB.create(t,scene)  // 创建一个在底部,覆盖当前场景
  8. 8,cc.TransitionMoveInR.create(t,scene)  // 创建一个在右边,覆盖当前场景
  9. 9,cc.TransitionMoveInT.create(t,scene)  // 创建一个在左边,覆盖当前场景
  10. 10 cc.TransitionPageTurn.create(t,scene, backwards)  // 前翻页式场景替换
  11. 11,cc.TransitionRadialCW.create(t,scene)  // 逆时针切入
  12. 12, cc.TransitionRotoZoom.create(t,scene)  // 转换角度替换
  13. 13,cc.TransitionFlipAngular.create(t,scene, o)  // 按一定角度左翻
  14. 14 cc.TransitionFlipX.create(t, scene,o)  // X轴左边翻换
  15. 15 cc.TransitionFlipY.create(t,scene, o)  // Y轴左边翻换
  16. 16 cc.TransitionZoomFlipAngular.create(t,scene, o)   // 带有缩放效果,有角度的转左翻
  17. 17 cc.TransitionZoomFlipX.create(t,scene, o)   // 带有缩放效果,在X轴左翻
  18. 18 cc.TransitionZoomFlipY.create(t,scene, o)   // 带有缩放效果,左Y轴左翻
  19. 19 cc.TransitionShrinkGrow.create(t,scene) //交叉着替换场景
  20. 20,cc.TransitionSlideInB.create(t,scene) //场景有底部进入,并且
分享到:
评论

相关推荐

    Cocos2D-X游戏开发技术精解

    第1章 Cocos2D-X引擎的介绍 1 1.1 何为游戏引擎 1 1.1.1 游戏的核心—引擎 1 1.1.2 引擎的特点 2 1.1.3 知名的引擎介绍 4 1.1.4 引擎的分类 5 1.2 Cocos2D-X引擎的来历 8 1.3 引擎的版本 9 1.4 下载与安装 10 1.5 ...

    Cocos2d x手机游戏开发与项目实战详解.part3

     第五章主要介绍Cocos2d-x核心技术,这里包括Cocos2d-x的核心类CCDirector、CCScene、CCNode、CCLayer、CCSprite、CCAction等,通过案例来介绍Cocos2d-x的场景、图层、交互、动作、动画、粒子效果、游戏地图、物理...

    cocos2d-x初探学习笔记(3)

    cocos2d-x初探学习笔记(3)--动作(CCAction)

    Cocos2d x手机游戏开发与项目实战详解.part1

     第五章主要介绍Cocos2d-x核心技术,这里包括Cocos2d-x的核心类CCDirector、CCScene、CCNode、CCLayer、CCSprite、CCAction等,通过案例来介绍Cocos2d-x的场景、图层、交互、动作、动画、粒子效果、游戏地图、物理...

    Cocos2d x手机游戏开发与项目实战详解.part2

     第五章主要介绍Cocos2d-x核心技术,这里包括Cocos2d-x的核心类CCDirector、CCScene、CCNode、CCLayer、CCSprite、CCAction等,通过案例来介绍Cocos2d-x的场景、图层、交互、动作、动画、粒子效果、游戏地图、物理...

    Cocos2d-x人物动作类实例

    CCAction类下派生了三个动作类,执行动作的类是CCNode以及它的子类,通过函数runAction()来执行动作,其中CCFiniteTimeAction之下是常用的瞬时动作和延时动作。动作从本质上来说就是改变节点的属性,瞬时动作就是改变...

    cocos2d文字加速移动淡出代码

    cocos2d文字加速移动淡出代码 CCActionInterval* fadeout = CCFadeOut::create(10.0f); CCActionInterval* moveto = CCMoveTo::create(10.0f,ccp(400,300)); CCActionInterval* actionease = CCEaseIn::create...

    CCAction4:android cocos2d 练习

    CCAction4 practice for android cocos2d The code project is base on Android Studio mac version to write. You can download Android Studio here ( ), and clone the code to run. The guide is here.千锋独家...

    CCAction3:android cocos2d 练习

    CCAction3 practice for android cocos2d The code project is base on Android Studio mac version to write. You can download Android Studio here ( ), and clone the code to run. The guide is here.千锋独家...

    05_CCAction1

    05_CCAction1 practice for android cocos2d The code project is base on Android Studio mac version to write. You can download Android Studio here ( ), and clone the code to run. The guide is here.千锋...

Global site tag (gtag.js) - Google Analytics