三行代码搞定！在 2.0.9 之前版本使用 tween！cocos creator ! 附源代码！【白玉无冰】每天进步一点点

最新推荐文章于 2024-01-26 21:26:39 发布

「已注销」

最新推荐文章于 2024-01-26 21:26:39 发布

阅读量447

点赞数

分类专栏：小游戏开发

本文链接：https://blog.csdn.net/weixin_45686592/article/details/102636633

版权

本文介绍了如何在cocos creator 2.0.9之前的版本中使用tween，通过移植白鹭引擎的tween.ts源码，并提供了初始化、使用示例及基本用法，帮助开发者实现链式动画效果。

摘要由CSDN通过智能技术生成

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