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) {

     },
 });

HelloWorld.js

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",
         },
         width: {
             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..");
      },
 });

SayHello.js