Cocos2d-JS切換場景與切換特效

var HelloWorldLayer = cc.Layer.extend({
    sprite:null,
    ctor:function () {
        //////////////////////////////
        // 1. super init first
        this._super();
        
       var size=cc.winSize;
       //舊場景
       var background=new cc.Sprite(res.CloseNormal_png);
       background.setPosition(size.width/2,size.height/2);
       this.addChild(background);
       
       this.scheduleOnce(function(f){
          //創建新場景
           var newScene=new cc.Scene();
           var newBackground=new cc.Sprite(res.HelloWorld_png);
           newBackground.setPosition(size.width/2,size.height/2);
           newScene.addChild(newBackground);
           //替換場景
 cc.director.runScene(newScene);
       },3);
       
        return true;
    }
});

var HelloWorldScene = cc.Scene.extend({
    onEnter:function () {
        this._super();
        var layer = new HelloWorldLayer();
        this.addChild(layer);
    }
});

 

場景切換特效：

//漸變替換
var transition=new cc.TransitionCrossFade(1,newScene);
cc.director.runScene(transition);

 

  //翻頁替換
  var transition=new cc.TransitionPageTurn(1,newScene,false);
  cc.director.runScene(transition);

....

 

 

注意：

coocs2d-js 3.x 之后場景切換用的是 cc.director.runScene  ， cc.director.replaceScene在瀏覽器測試會失效