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,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秒课堂", 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 游戏开发", 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

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

相关文章

    本文实践自 RayWenderlich、Ali Hafizji 的文章《...
Cocos-code-ide使用入门学习地点:杭州滨江邮箱:appdevzw@1...
第一次開始用手游引擎挺激动!!!进入正题。下载资源1:从C...
    Cocos2d-x是一款强大的基于OpenGLES的跨平台游戏开发...
1.  来源 QuickV3sample项目中的2048样例游戏,以及最近《...
   Cocos2d-x3.x已经支持使用CMake来进行构建了,这里尝试...