Cocos2d-js02_实现UI流程和场景跳转

Cocos2d-js02_实现UI流程和场景跳转

1、菜单场景代码：

/**
 * Created by chaoge on 15/6/19.
 */
var MenuLayer = cc.Layer.extend({
    sprite:null,
    helloLabel:null,
    size:null,
    ctor:function () {
        this._super();

        size = cc.winSize;

        //开始按钮
        var start = new cc.MenuItemImage(
            res.start,
            res.start,
            function () {
                cc.log("Menu is clicked!");
                cc.director.runScene(new GameScene());

            }, this);
        start.attr({
            x: size.width/2,
            y: size.height/2-120,
            anchorX: 0.5,
            anchorY: 0.5
        });

        //关于按钮
        var about = new cc.MenuItemImage(
            res.about,
            res.about,
            function () {
                cc.log("Menu is clicked!");
                cc.director.runScene(new AboutGame());

            }, this);
        about.attr({
            x: size.width/2,
            y: size.height/2-280,
            anchorX: 0.5,
            anchorY: 0.5
        });

        var menu = new cc.Menu(start,about);
        menu.x = 0;
        menu.y = 0;
        this.addChild(menu, 1);


        //滚动菜单
        helloLabel = new cc.LabelTTF("看谁最长", "Arial", 38);
        // position the label on the center of the screen
        helloLabel.x = size.width / 2;
        helloLabel.y = size.height-100;
        // add the label as a child to this layer
        this.addChild(helloLabel, 5);

        // add "HelloWorld" splash screen"
        this.sprite = new cc.Sprite(res.zhuye);
        this.sprite.attr({
            x: size.width / 2,
            y: size.height / 2
        });
        this.addChild(this.sprite, 0);

        this.schedule(this.LabelMove,0.2);
    },
    LabelMove : function(){
        helloLabel.setPositionX(helloLabel.getPositionX()-10);
        if(helloLabel.getPositionX() <= -50){
            helloLabel.setPositionX(size.width);
        }

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

}

 

2、关于界面的代码，实现网页链接AboutScene.js：

var labjiumiao = new cc.LabelTTF("9秒课堂", "Arial", 38);
var ketang = new cc.MenuItemLabel(labjiumiao,function(){
    window.location.href = "http://www.9miaoketang.com";
});
ketang.setPosition(cc.p(size.width/2,size.height-200));

var h5kaifa = new cc.LabelTTF("COCOS2D-HTML5 游戏开发", "Arial", 38);
var H5 = new cc.MenuItemLabel(h5kaifa,function(){
    window.location.href = "http://h5.9miao.com";
});
H5.setPosition(cc.p(size.width/2,size.height/2));


var menu = new cc.Menu(ketang,H5);
menu.x = 0;
menu.y = 0;
this.addChild(menu, 1);

 

视频地址：http://www.9miaoketang.com/course/37

课程讨论帖地址：http://www.9miao.com/thread-64587-1-1.html

源码地址：https://store.cocos.com/stuff/show/128289.html

QQ交流群：83459374

后期也会把该源码传在群里面去，欢迎大家加入讨论！