- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有这个代码:
import com.greensock.*;
import com.greensock.easing.*;
import com.greensock.events.*;
var timeline:TimelineMax = new TimelineMax({yoyo:true,repeat:1});
var timeline2:TimelineMax = new TimelineMax({repeat:0,delay:12});
timeline.appendMultiple([
TweenLite.from(crno_mc, .2, {x:-450,ease:Cubic.easeInOut}),
TweenLite.from(plavo_mc, .2, {x:-450,ease:Cubic.easeInOut}),
TweenLite.from(network_mc, .6, {x:-450,ease:Cubic.easeInOut}),
TweenLite.from(computers_mc, .6, {x:-450,ease:Cubic.easeInOut}),
TweenLite.from(odzaci_mc, .6, {x:-450,ease:Cubic.easeInOut}),
TweenLite.from(adresa_mc, 1, {x:-350,ease:Cubic.easeInOut}),
TweenLite.to(adresa_mc, 1, {x:50,ease:Cubic.easeInOut}),
], 1, TweenAlign.SEQUENCE, .3);
timeline2.appendMultiple([
TweenLite.to(krediti_mc, .2, {x:10,ease:Cubic.easeInOut}),
TweenLite.to(dodva_mc, .3, {x:10,ease:Cubic.easeInOut}),
TweenLite.to(nula_mc, 1, {x:10,ease:Bounce.easeOut}),
TweenLite.to(tel_mc, .6, {x:10,ease:Cubic.easeInOut}),
TweenLite.to(comp_mc, 1, {x:110,ease:Cubic.easeInOut}),
], 1, TweenAlign.SEQUENCE, .5);
如何循环这两个补间?当第二个动画完成时,它就停止了。是否可以在无限循环中一个接一个地运行时间线?
谢谢
最佳答案
您可以根据需要在时间线中嵌套时间线,因此您可以简单地将两个时间线附加到具有重复:-1(表示永远重复)的主时间线。在现有代码下方添加:
var master:TimelineMax = new TimelineMax({repeat:-1});
master.append(timeline);
master.append(timeline2);
关于actionscript-3 - 在这种情况下如何循环 timelinemax 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11776893/
我一直在尝试让动画在点击时触发,我已经通过 TimelineMax 创建了动画。我不明白为什么,但它一直触发这个动画的第一个实例,有 5 个 .blackout-panel 并且它为第一个 .blac
我必须在不同的步骤中进行剪辑路径转换。然而,在 greensock 中将 链接到 方法并没有提供我正在寻找的平滑度,因为它在样式之间卡住了几毫秒。这是我的代码: const box = documen
我正在尝试了解如何将 TimelineMax 与 Scrollmagic 一起使用。这个问题很容易解释。 我有类似的 DOM 元素,比如移动速度必须比滚动速度慢的粒子。 第一个实现是可行的(没有时间表
我有这个代码: import com.greensock.*; import com.greensock.easing.*; import com.greensock.events.*; var ti
基本上我有这样的结构,我的目标是为 4 个 div 设置动画,这样当您点击一个时,另一个会滑出,当您点击容器时,它们会返回到初始位置。 var TL = new TimelineMax; $('.qu
我是 ScrollMagic 的新手,但很喜欢它。 所以我有一个时间轴,它将飞机的各个部分组合在一起形成一架飞机。我打算将飞机的补间部分更改为整个飞机的单个图像,然后固定单个图像。 我已经设法将飞机的
我正在这样播放我的动画, tl = new TimelineMax({paused:true}); tl.to(DOM_ELEMENT_TOP,1,{left:100},ease:Linear.eas
我在重新初始化 TimelineMax 序列时遇到问题。调整窗口大小时,我需要将所有补间动画恢复为默认样式并根据新窗口大小重新初始化它们。有没有一种简单的方法可以有效地破坏时间线并重新开始,而无需手动
我正在尝试使用 GSAP 和 scrollMagic 创建一个简单的 timelineMax,我收到以下错误。我觉得一切正常,所以我不明白这个错误。 Uncaught TypeError: Canno
我对 javascript 比较陌生,但我对其他语言很熟悉。我正在尝试使用 Greensock 时间线构建模块化序列以减少代码重复。我正在尝试拥有一个可由我的所有功能访问的单例时间线。我尝试只使用全局
我在我的项目中使用 timelineMax 和 fullpage.js,我不希望我的当前幻灯片在我的 timelineMax 动画完成之前向上滑动。 因此,为此我在我的 timelineMax 中使用
我正在尝试使用 ScrollMagic 来控制 TimelineMax 来移动 Lottie 动画的播放头。 因此,当用户滚动时,动画会根据滚动的速度和方向播放。我已经很接近了,需要一点帮助才能将效果
我是闪存开发新手,我听说 Greensock lib 是最好的。但当我尝试下载时,它真的很令人困惑。有很多名字,比如 * TweenNano * TweenLite * TweenMax * Time
我试图用动画来模拟我的导入,但我不断得到 ● Test suite failed to run C:\work\portfolio\node_modules\gsap\TweenMax.js:
我是一名优秀的程序员,十分优秀!