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