COCOS2D-HTML5--helloWord

先建立本身的JS文件，在文件中添加場景，在場景中設計佈局。

HelloWord.js:

var helloLayer = cc.Layer.extend({
    sprite: null,
    helloLabel: null,
    init: function () {
        this._super();
        // 得到畫布的大小，其實能夠理解爲得到遊戲的邊界大小
        var size = cc.Director.getInstance().getWinSize();
        // 添加一個Label
        this.helloLabel = cc.LabelTTF.create("Hello World", "Arial", 38);
        this.helloLabel.setAnchorPoint(cc.p(0.5,0)); //將錨點設置到：中下
        this.helloLabel.setPosition(cc.p(size.width / 2, 0));
        this.addChild(this.helloLabel, 5);
        // 添加一張圖片（精靈）
        this.sprite = cc.Sprite.create("res/HelloWorld.jpg");
        this.sprite.setPosition(cc.p(size.width / 2, size.height / 2));
        this.addChild(this.sprite, 0);
        return true;
    }
});
var helloScene = cc.Scene.extend({
    onEnter : function(){
        this._super();
        var layer = new helloLayer();
        layer.init();
        this.addChild(layer);
    }
});

將本身的JS文件引入到cocos2d.js中

appFiles:[
            'src/resource.js',
            'src/HelloWord.js'//add your own files in order here
        ]

在main.js中設計初始場景爲本身的場景

var myApp = new cocos2dApp(helloScene);