Cocos Creator学习笔记

1.动态加载图片node

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方式获取eclipse

//获取节点
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()被屏蔽了。this

因此推荐使用console.log();而且在建议输出日志时加入特殊日志,而后在eclipse中根据字符过滤显示。由于eclipse下的日志太多了。url

 

4.全局变量能够使用 window.parname=123 而后全部页面均可以访问 window.parnamespa