Cocos Creator 常用技巧总结

1: 全局变量

• 如何定义和使用全局变
• 定义和使用方法与JS中是否相同。

 

// 不提倡的定义全局变量的方法
// a.js 
 Globals // 这是一个没有var的变量

 

// 官方提供的定义全局变量的方法, 挂到window上面即可
// Globals.js
window.Globals = {
    name : w,
    age : 18
}

• 创建这样一个Globals.js脚本，就可以在任何地方运用Globals .name 来访问定义的name的值。

2: 模块访问

• 如果不想设太多的全局变量（因为可能会造成全局污染），那么可以通过模块来进行访问
•  

 

// es5的模块化(导出关键字 module.exports, 导入关键字 require )
//在test脚本中定义如下【module.exports为关键字】
module.exports= {
      name:“wgq”,
      age:18
 };
 
//可以在其他脚本中通过require进行访问
var test= require("test");
test.age = 20;
console.log(test.name)//wgq
console.log(test.age)//20

• 这样就可以方便的设置访问自己想要的属性

3: 插入插件

• 相信大家写js代码会有一个自己的插件库(常用函数库)，
• 那么如何在creator中引用自己的插件呢？
• 光创建一个插件脚本是不够的，
• 必须在脚本属性检查器中勾选导入为插件选项。
• 这样，不必有任何声明，就可以在任何地方引用插件中的函数了。

1.png

4: 获取Creator中的Dom

• 在web中，使用js可以获取dom，
• 在Creator中使用js可以获取组件和节点。

5:获取节点

1. 通过拖曳 i. 可以在一个节点的脚本中通过代码声明一个test属性，类型为cc.Node。

   //wgq.js
   properties: {
           test:{
               default:null,
               type:cc.Node
           }
   },
   

   ii. 这样就会在脚本挂载的地方出来一个空的节点。

2.png

iii. 接着你就可以将层级管理器上的任意一个节点拖到这个 test控件， 然后通过代码this.test就可以获取到他，进行一系列的操作。

2.通过代码

• 可以通过全局查找 cc.find(“Canvas/Menu/Back”)当 cc.find 只传入第一个参数时，将从场景根节点开始逐级查找

• 可以通过子节点一层一层进行查找

  var son1 = this.node.getChildByName("son1");
  var son2 = son1.getChildByName("son2");
  

• 这里，son1是该节点this.node下的子节点，而son2为son1下的子节点，可以通过getChildByName函数进行一层一层查找。

• 也可以不通过名字，利用序列号进行查找 例如以下son1中有很多个son2

•  

3.png

• 可以通过以下循环获取到每一个son2：

 

var son2 = [];
for(var i=0;i