zoukankan      html  css  js  c++  java
  • 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);

    ....

     百牛信息技术bainiu.ltd整理发布于博客园

    注意:

    coocs2d-js 3.x 之后场景切换用的是 cc.director.runScene  , cc.director.replaceScene在浏览器测试会失效

  • 相关阅读:
    学习C#泛型
    css半透明渐变过渡效果
    CSS Grid布局
    CSS writing-mode属性
    单点登录原理与简单实现
    linux磁盘挂载
    Fiddler抓包工具学习
    javascript事件机制之冒泡、捕获、传播、委托
    HTML行内元素、块状元素、行内块状元素的区别
    console.log详细介绍
  • 原文地址:https://www.cnblogs.com/bainiu/p/7592205.html
Copyright © 2011-2022 走看看