Cocos Creator學習筆記

1.動態加載圖片

cc.Class({
    extends: cc.Component,

    properties: {
        label: {
            default: null,
            type: cc.Label
        },
        logo: {
            default: null,
            type: cc.Sprite
        },
        // defaults, set visually when attaching this script to the Canvas
        text: 'Hello, World!'
    },

    // use this for initialization
    onLoad: function () {
        var self = this;
        //加載本地圖片能成功
        cc.loader.loadRes("Texture/HelloWorld", cc.SpriteFrame, function (err, spriteFrame) {
            self.logo.spriteFrame = spriteFrame;
        });

        //加載網絡圖片成功
        var url = "http://localhost:3274/";
        cc.loader.load({url: url, type: 'png'}, function(err,img){
            var mylogo  = new cc.SpriteFrame(img); 
            self.logo.spriteFrame = mylogo;
        });
        

    },
    // called every frame
    update: function (dt) {
    },
});

 

2.獲取節點的方式

(1)經過find方式獲取

//獲取節點
var node=cc.find("Canvas/logo");
//獲取精靈組件
var sprite=node.getComponent(cc.Sprite);

(2) 經過在構造函數中定義組件，而且從層級管理器中拉入節點。

cc.Class({
    extends: cc.Component,
    properties: {
        label: {
            default: null,
            type: cc.Label
        },
        logo: {
            default: null,
            type: cc.Sprite
        },
    }

//代碼中訪問組件
self.logo.spriteFrame = new cc.SpriteFrame(img); 

 

3.在js中用 console.log();或者cc.log(); 輸出日誌，在eclipse下均可以打印出日誌，與在ccc中發佈時選擇什麼模板及是否勾選「調試模式」無關。在ccc1.3.3版本測試經過。編譯時不須要刪除原來文件就能生成最新文件。

 說明：在測試項目中用 console.log();和cc.log();均可以輸出日誌，可是在正式項目中只有console.log();能夠輸出日誌，聽說是在正式環境下cc.log()被屏蔽了。

因此推薦使用console.log();而且在建議輸出日誌時加入特殊日誌，而後在eclipse中根據字符過濾顯示。由於eclipse下的日誌太多了。

 

4.全局變量能夠使用 window.parname=123 而後全部頁面均可以訪問 window.parname