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