cocos2d-js 新手入门 4.界面创建

上一节 主要讲一个项目，我们所要关心的是哪些文件。这一节我要讲讲 Scene和Layer这两个容器，弄清楚这两个，就能明白一个游戏该怎么去布局和做效果。

记住两点：
1.一个游戏至少要有一个Scene对象（因为main.js需要打开一个游戏场景），scene大小可以理解为全屏大小，这个无需设置坐标；
2.Layer可以理解为层容器，不同的界面采用不同的层来实现，很方便管理。比如说一个游戏的开始界面，规则界面，游戏界面，结束界面，都可以做成单独的StartLayer，RuleLayer， GameLayer， GameOverLayer，然后通过事件来跳转显示。

微信里面的小游戏是典型的例子，几乎都可以把这些小游戏界面拆分为

startlayer为默认显示界面。互相调用流程为

想清楚了一个游戏需要哪些界面，然后清楚界面之间怎么跳转。然后在自己新建的工程里面，修改app.js。把所需要的layer层都先写出来。

var StartLayer = cc.Layer.extend({
    ctor:function () {
        this._super();
    }
});
var RuleLayer = cc.Layer.extend({
    ctor:function () {
        this._super();
    }
});
var GameLayer = cc.Layer.extend({
    ctor:function () {
        this._super();
    }
});
var GameOverLayer = cc.Layer.extend({
    ctor:function () {
        this._super();
    }
});
var GameScene = cc.Scene.extend({
    onEnter:function () {
        this._super();
        var layer = new StartLayer();
        this.addChild(layer);
    }
});

到这一步，一个小游戏所用到的界面，算是创建好了。