Cocos Creator脚本开发事例

HelloWorld.js

window.Global = {
    gint: 168,
};
cc.Class({
    extends: cc.Component,

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

    // use this for initialization
    onLoad: function () {
        this.label.string = this.text;

    },

    // called every frame
    update: function (dt) {

    },
});

SayHello.js

var helloWorld = require("HelloWorld");
cc.Class({
    extends: cc.Component,

    properties: {
        userID: {
            default: 20,
            displayName: "用户ID",
            tooltip: "用户的ID",
        },
        userName: "Foobar",
        pos: new cc.Vec2(10, 20),
        color: new cc.Color(255, 255, 255, 128),
        any: [],      // 不定义具体类型的数组
        bools: [cc.Boolean],
        strings: [cc.String],
        floats: [cc.Float],
        ints: [cc.Integer],
        values: [cc.Vec2],
        nodes: [cc.Node],
        frames: [cc.SpriteFrame],
        score: {
            default: 0,
            displayName: "Score (player)",
            tooltip: "The score of player",
        },
         {
            get: function () {
                return this._width;
            },
            set: function (value) {
                this._width = value;
            }
        },
        player: {
            default: null,
            type: cc.Node
        }
    },

    // use this for initialization
    onLoad: function () {
        var Shape = cc.Class({
            properties: {x:1},
            ctor: function () {
                cc.log("Shape");    // 实例化时，父构造函数会自动调用，
            },
            print: function (str) { cc.log("print:" + str+" x:"+this.node.x); },
            start: function () {
                var node = this.node;
                node.x = 100;
            }
        });
        var shape = new Shape();
        //shape.print("hello");
        //shape.start();
        var node = this.node;
        cc.log(node);
        cc.log(node.name);
        cc.log(node.color);
        
        var sprite = this.getComponent("cc.Sprite");
        if(sprite!=null){
            cc.log("sprite.type:"+sprite.type);    
        }
        
        var label = this.getComponent("cc.Label");
        if(label!=null){
            cc.log("label:"+label.fontSize);
        }
        cc.log("this.userID:"+this.userID);
        if(this.player){
         var sprite2 = this.player.getComponent("cc.Sprite");
         cc.log("sprite2:"+sprite2);
            if(sprite2!=null){
                 cc.log("this.player.sprite.type:"+sprite2.type);
            } 
         var sayHello = this.player.getComponent("SayHello");
         cc.log("sayHello:"+sayHello);
            if(sayHello!=null){
                 cc.log("this.player.sayHello.userID:"+sayHello.userID);
            }   
        }
        cc.log(Global.gint);
        cc.log("helloWorld:"+helloWorld);
        var hw=new helloWorld();
        cc.log("hw:"+hw);
        cc.log("text:"+hw.text);
        
    },
    // called every frame, uncomment this function to activate update callback
     update: function (dt) {
        cc.log("update..");
     },
});