最近在翻译一些2.X游戏,遇到很多渐变又同时缩小淡出的动画。
import { _decorator, Component, Node, tween, UIOpacity, v3 } from 'cc';
const { ccclass, property } = _decorator;
@ccclass('TweenTest')
export class TweenTest extends Component {
start() {
let btn = this.node.parent.getChildByName("Button");
tween(btn)
.sequence(
tween(btn)
.to(0.5, {scale: v3(1.2, 1.2, 1.2)}),
tween(btn)
.parallel(
tween(btn.getComponent(UIOpacity))
.to(0.5, {opacity: 0}),
tween(btn)
.to(0.5, {scale: v3(1, 1, 1)})
)
)
.start();
}
update(deltaTime: number) {
}
}
以上是个简单的例子,随便写的。有些复杂的动画过程,需要seq,par嵌套。当然上面的动画,去掉seq稍微改装可能代码更简洁。我旨在表达这样类似的嵌套会引发error。