简介
Cocos Creator的脚本主要是通过扩展组件来进行开发的。目前CocosCreator支持JavaScript和TypeScript两种脚本语言。通过编写脚本组件,并将它赋予到场景节点中来驱动场景中的物体。
在组件脚本的编写过程中,你可以通过声明属性,将脚本中需要调节的变量映射到属性检查器(Properties)中,供策划和美术调整。于此同时,你也可以通过注册特定的回调函数,来帮助你初始化,更新甚至销毁节点。
创建和使用脚本组件
创建了脚本(js/ts)之后可以绑定到任意的组件中
cc.Class
cc.Class是一个很常用的API,用于声明Cocos Creator中的类,为了方便区分,我们把使用cc.Class声明的类叫CCClass
- 定义一个CCClass
调用cc.Class
,传一个对象,并设置所需参数即可
let Sprite = cc.Class({
name: "sprite",
})
以上代码用cc.Class创建一个类型sprite
- 实例化
Sprite
变量保存的是一个js构造函数,可以直接new出一个对象
let obj = new Sprite()
- 类型判断
使用instanceof
关键字
if( obj instanceof Sprite)
- 实例方法
定义一个print
方法即可
let Sprite = cc.Class({
name: 'sprite',
print: function() {
cc.log( "print function!")
}
})
cc.Class({
start () {
let obj = new Sprite();
obj.print()
},
extends: cc.Component,
});
- 继承
//父类
let Sprite = cc.Class({
name: 'sprite',
print: function() {
cc.log( "print function!")
}
})
//子类
let SpriteSon = cc.Class({
extends: Sprite
})
cc.Class({
start () {
let obj = new Sprite()
obj.print()
//子类调用父类方法
let son = new SpriteSon()
son.print()
},
extends: cc.Component,
});
声明自定义属性
简单声明
基本类型
多数情况在,可以使用一些简单声明
let Sprite = cc.Class({ name: 'sprite', })
cc.Class({
properties: {
//对于基本数据类型,可以直接赋默认值
height: 20, //number
type: "actor", //string
loaded: false, //boolean
target: null, //object
},
start () {
let obj = new Sprite();
obj.print()
},
extends: cc.Component,
});
声明之后在属性检查器中会有相应的显示
当声明的属性具备某种类型(如:cc.Node,cc.Vec2等)可以赋他们的构造函数,如下
properties: {
target: cc.Node,
pos: cc.Vec2,
}
下图中将target
属性与TestNode
进行了关联
声明数组类型
当声明一个数组时,可以在声明处填写他们的类型或者构造函数来完成声明
let Sprite = cc.Class({ name: 'sprite', })
cc.Class({
properties: {
any: [], //不定义具体类型
type: [ cc.String],
loaded: [ cc.Boolean],
floats: [ cc.Float],
ints: [ cc.Integer],
target: [ cc.Node],
values: [cc.Vec2],
frames: [cc.SpriteFrame],
},
start () {
let obj = new Sprite();
obj.print()
},
extends: cc.Component,
});
完整声明
完整声明就是声明的属性是一个对象,不是一个简单的数据类型
let Sprite = cc.Class({ name: 'sprite', })
cc.Class({
properties: {
score: {
default: 0,
type: cc.Integer, //限定score的类型
displayName: '得分', //score属性在属性检查器中展示的中文名
tooltip: "设置玩家初始得分", //鼠标移入时展示在属性检查器中的提示
visible: true, //设为true,则在属性检查器中不会展示
serializable: true, //设为false,则不序列化(保存)该属性
}
},
start () {
let obj = new Sprite();
obj.print()
},
extends: cc.Component,
});
数组类型
简单看跟简单声明数组类型没有什么差别,可能还有什么其他的用法
let Sprite = cc.Class({ name: 'sprite', })
cc.Class({
properties: {
names:{
default: [],
type: [cc.String],
},
nodes:{
default: [],
type: [cc.Node]
}
},
start () {
let obj = new Sprite();
obj.print()
},
extends: cc.Component,
});