Creator使用TS定义各种属性

Creator支持JS和TS,JS的项目也很多,TS的项目比较少。
但是我还是要推荐大家,学TS,使用她,玩弄她,你会爱不释手。
这篇列举了常用的TS属性定义方法,希望对大家有帮助。
详细说明请看我的博客:https://darkpalm.blog.csdn.net/article/details/90897725

// Author:lerry(大掌教)
// 微信公众号ID:darkpalm
// Q群:704391772
const { ccclass, property } = cc._decorator;

let SexyType = cc.Enum({
    未知: 0,
    男: 1,
    女: 2
});
@ccclass
export default class MainGame extends cc.Component {

    // 最简单的写法,一个节点
    @property(cc.Node)
    dog: cc.Node = null;

    // 声明一个Sprite属性
    @property({
        type: cc.Sprite,
        displayName: "背景"
    })
    backGround: cc.Sprite = null;

    // 声明一个Label属性
    @property({
        type: cc.Label,
        displayName: "标题"
    })
    label: cc.Label = null;

    // 声明一个带说明的属性
    @property({
        type: cc.Node,
        displayName: "底座",
        tooltip: "底部炮台的父节点"
    })
    baseNode: cc.Node = null;

    // 带说明,只能输入整数,最大值10,最小值0
    @property({
        type: cc.Integer,
        displayName: "血量",
        min: 0,
        max: 10,
        tooltip: "人物当前血量"
    })
    HP = 10;

    // 自定义枚举,下拉框属性,中文显示
    @property({
        type: cc.Enum(SexyType),
        displayName: "性别"
    })
    sex = SexyType.未知;

    // 声明文本框
    @property({ displayName: "作者" })
    author = "大掌教";
    
    @property({ displayName: "Q群" })
    QQ = "704391772";

    // 声明cc.ValueType子类型,Vec2,Vec3等
    @property({
        displayName: "坐标"
    })
    pos: cc.Vec2 = new cc.Vec2(0);

    // 声明滑动条,不加type就是浮点值
    @property({
        type: cc.Integer,
        min: 0,
        max: 120,
        step: 1,
        slide: true,
        displayName: "年龄"
    })
    age = 32;

    // 声明事件回调,类似button的点击事件回调
    @property({
        type: cc.Component.EventHandler,
        displayName: "双杀"
    })
    doubleKill = new cc.Component.EventHandler();


    onLoad() {
        cc.Rect

    }



    start() {

    }
}

另外,干货满满的公众号,再次推荐给大家:

9赞

确实 赞一个 真实体验 在用ts之前一直很鄙视ts 觉得js简洁方便多了 后来公司都用ts 就转了下 后来… 哇 ts一用就爽! 一直用一直爽!! 哈哈哈哈

ts智能提示比价全,而且强类型的支持下,减少出错的情况

用到了ts定义枚举,支持一下

Mark一下

mask~

比如我定义了个cc.Color类型,
在属性面板点击create后,
就这个样子也没个×

无法还原回下面这个未定义的状态

求大佬指点,除了reset这个组件,有没有其它办法

是不是你在脚本中默认类型写错了