cocos2d-html5课程之动作CCAction[转载]
cocos2d-html5教程之动作CCAction[转载]简单的讲解一下关于cocos2d-html5场景切换。使用方式:一般的第一个
cocos2d-html5教程之动作CCAction[转载]
简单的讲解一下关于cocos2d-html5场景切换。
使用方式:
一般的第一个场景就是初始化场景,一般用下面类似的代码载入就可以了:
- Helloworld.scene = function () {
- // 'scene'是一个自动生成的对象
- ? ? var scene = cc.Scene.node();
- ? ?// 'layer' 是一个自动生成的对象
- ? ?var layer = this.node();
- ? ?? ?? ?layer._m_bIsTouchEnabled= true;//判断事件是否可用
- ? ?scene.addChild(layer);
- ? ?return scene;
- };
复制代码
上面的代码根本没有使用任何过度的方法,比较简单的完成了任务。但是在实际的需求中会有这样那样的场景切换的操作,例如:html5游戏中回城的场景切换、死亡时的虚幻等等。Cocos2d-html5引擎中提供了切换场景的一些方法。以下是继承关系图:
? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?
下面我们列出以上类的作用:
- 1,cc.TransitionCrossFade.create(t,scene)? ?// 交叉消失两个场景使用cc.RenderTexture对象。
- 2,cc.TransitionFad.create(t,scene,color)??// 淡出即将离任的场景,然后消失在传入的场景。?
- 3,cc.TransitionFadeBL.create(t, scene)??// 向左下波浪退出
- 4,cc.TransitionFadeDown.create(t, scene)??// 向下百叶窗式换场景
- 5,cc.TransitionFadeUp.create(t, scene)??// 向上百叶窗式换场景
- 6,cc.TransitionJumpZoom.create(t, scene)? ?// 跳跃式替换,场景缩小,再加载进来
- 7,cc.TransitionMoveInB.create(t,scene)??// 创建一个在底部,覆盖当前场景
- 8,cc.TransitionMoveInR.create(t,scene)??// 创建一个在右边,覆盖当前场景
- 9,cc.TransitionMoveInT.create(t,scene)??// 创建一个在左边,覆盖当前场景
- 10 cc.TransitionPageTurn.create(t,scene, backwards)??// 前翻页式场景替换
- 11,cc.TransitionRadialCW.create(t,scene)??// 逆时针切入
- 12, cc.TransitionRotoZoom.create(t,scene)??// 转换角度替换
- 13,cc.TransitionFlipAngular.create(t,scene, o)??// 按一定角度左翻
- 14 cc.TransitionFlipX.create(t, scene,o)??// X轴左边翻换
- 15 cc.TransitionFlipY.create(t,scene, o)??// Y轴左边翻换
- 16 cc.TransitionZoomFlipAngular.create(t,scene, o)? ?// 带有缩放效果,有角度的转左翻
- 17 cc.TransitionZoomFlipX.create(t,scene, o)? ?// 带有缩放效果,在X轴左翻
- 18 cc.TransitionZoomFlipY.create(t,scene, o)? ?// 带有缩放效果,左Y轴左翻
- 19 cc.TransitionShrinkGrow.create(t,scene) //交叉着替换场景
- 20,cc.TransitionSlideInB.create(t,scene) //场景有底部进入,并且