读书人

cocos2d-html5课程之动作CCAction[转载

发布时间: 2013-09-25 11:02:59 作者: rapoo

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) //场景有底部进入,并且

读书人网 >操作系统

热点推荐