cocoscreator在ts中直接使用tween()方法

最新推荐文章于 2025-08-29 09:50:52 发布

转载最新推荐文章于 2025-08-29 09:50:52 发布 · 3.6k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://forum.cocos.org/t/cc-tween-d-ts/79530

cocos creator(JS/TS) 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在CocosCreator中通过修改creator.d.ts文件，为cc.Tween方法添加类型定义，包括各种缓动效果、可选属性及参数，以增强代码编辑体验和类型检查。

来源：摘抄自cocoscreator论坛，亲测有效

实现：在creator.d.ts中末尾添加如下代码即可：
declare namespace cc {

/** cc.tween方法 */
function tween(target: any): NewTween;

/** ease字符串,参考:https://docs.cocos.com/creator/api/zh/editor/share/easing.html */
type tweenEasing = "linear" | "fade" |
    "quadIn" | "quadOut" | "quadInOut" | "quadOutIn" |
    "cubicIn" | "cubicOut" | "cubicInOut" | "cubicOutIn" |
    "quartIn" | "quartOut" | "quartInOut" | "quartOutIn" |
    "quintIn" | "quintOut" | "quintInOut" | "quintOutIn" |
    "sineIn" | "sineOut" | "sineInOut" | "sineOutIn" |
    "expoIn" | "expoOut" | "expoInOut" | "expoOutIn" |
    "circIn" | "circOut" | "circInOut" | "circOutIn" |
    "elasticIn" | "elasticOut" | "elasticInOut" | "elasticOutIn" |
    "backIn" | "backOut" | "backInOut" | "backOutIn" |
    "bounceIn" | "bounceOut" | "bounceInOut" | "bounceOutIn";

/** 可选属性,参考:cc.Node */
type tweenProps = Partial<any>;

/** 可选参数 */
type tweenOpts = {
    progress?: Function;
    easing?: Function | tweenEasing;
}

/** cc.Tween,为了区分开来使用cc.NewTween */
class NewTween {
    then(other: Action | NewTween): NewTween;
    target(target: any): NewTween;
    start(): NewTween;
    stop(): NewTween;
    clone(target?: any): NewTween;
    to(duration: number, props?: tweenProps, opts?: tweenOpts): NewTween;
    by(duration: number, props?: tweenProps, opts?: tweenOpts): NewTween;
    set(props: tweenProps): NewTween;
    delay(duration: number): NewTween;
    call(callback: Function): NewTween;
    hide(): NewTween;
    show(): NewTween;
    removeSelf(): NewTween;
    sequence(actions: [Action | NewTween]): NewTween;
    parallel(actions: [Action | NewTween]): NewTween;
    repeat(repeatTimes: number, action?: Action | NewTween): NewTween;
    repeatForever(action?: Action | NewTween): NewTween;
    reverseTime(action?: Action | NewTween): NewTween;
    tween(target?: any): NewTween;
}

}