LayaBox动画队列

最新推荐文章于 2024-10-21 20:04:08 发布

原创最新推荐文章于 2024-10-21 20:04:08 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Laybox #TypeScript

Layabox 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用时间轴实现动画效果的方法，包括隐藏和显示元素的透明度变化，并提供了具体的代码实现。

let cleanAnimation = (target, onEvtFinish)=> {
    let timeLine = new TimeLine();
    timeLine.addLabel("hide1", 0).to(target, {alpha: 0}, 100)
    .addLabel("show1", 100).to(target, {alpha: 100}, 100)
    .addLabel("hide2", 200).to(target, {alpha: 0}, 100)
    .addLabel("show2", 300).to(target, {alpha: 100}, 100)
    if (onEvtFinish != null) {
        timeLine.on(Laya.Event.COMPLETE, this, onEvtFinish);
    }
    
    timeLine.play(0, false);
};