[JavaScript]Cocos2d-x html5 試用 (一) Hello World

前言：

前幾天Cocos2d-x終於發布了alpha版本，

由於JavaScript只懂一點點，所以試用起來還是有點鈍鈍的。

嘛..左碰右撞也算是弄了個模板出來，雖然也是照著Hello World 刻出來的~

總之，cocos2d-x還是承襲C++的做法下去做，所以寫起來不會很吃力。

就是JavaScript沒有OOP...讓人寫起來很吐血..

先看個Demo吧~

Demo
做了不少數學運算，跑起來還是有60FPS，以Canvas應用效能算很好了。

試用 (一) Hello World

var Main = cc.Layer.extend({
    //先繼承cc.Layer
    helloLabel:null,
    Sprite:null,
    size:null,
    init : function() {
        
        //////////////////////////////
        // 1. 跟一般的程式一樣，繼承要先呼叫super
        this._super();
        /////////////////////////////
        // 2. 呼叫 cc.Director.sharedDirector().getWinSize() 以便取得視窗大小
        var size = this.size = cc.Director.sharedDirector().getWinSize();
        //JavaScript龜毛點在於一定要加this,這邊設了一個區域變數,及一個全域的以便再利用
        /////////////////////////////
        // 3. 照慣例來個HelloWorld  
        this.helloLabel = cc.LabelTTF.labelWithString("Hello World", "Arial", 38);
        // 設定文字座標於視窗正中間
        this.helloLabel.setPosition(cc.ccp(size.width / 2, size.height - 40));
        // 然後在Layer上加入此文字物件
        this.addChild(this.helloLabel, 5);
}
});

整段修改自官方的helloworld sample，先有東西看會比較舒服阿..
下一篇講模板建置..
這就比較繁雜了..