cocos creator V2.0.9版本 引入了全新的缓动 API:cc.tween,能提供更简洁的语法和更高的灵活性。那么在之前的版本想用 tween 该怎么办?
由来
因为自己之前有用过白鹭引擎(egret)做开发,感觉里面Tween很好用
而我刚用 cocos creator 时是没有相关的链式用法,就动手把白鹭里tween.ts源码修改一下,搬运到 cocos creator 里使用了。
初始化
初始化一次,在主场景下脚本里update(dt:number)里添加Tween.tick(dt)。
import { Tween, Ease } from “./tween”;
const { ccclass, property } = cc._decorator;
@ccclass
export default class Main extends cc.Component {
update(dt: number) {
Tween.tick(dt);
}
}
使用示例
由于是从白鹭移植过来的,使用方法和原来大致相同。不过里面的时间单位采用的是和 cocos 统一的秒。
Tween.removeTweens(this.node_label);
Tween.get(this.node_label,
{
loop: true
, onChange:()=>{
cc.log(‘y’,this.node_label.y);
}
})
.to({ y: 100, opacity: 150 }, 1.25, Ease