Question

documentation for TweenMax表示to()的第二个参数是：

duration：Number - 以秒为单位的持续时间（或基于帧的补间的帧数）

我不明白这对以下代码段意味着什么：

var PARAM = 1;

superscrollorama_controller.addTween (
     200,
     TweenMax.to(element, PARAM, {backgroundColor: '#0033bb'}),
     300,
     0
);

如果PARAM设置为1，则补间按预期工作（元素平滑地改变其颜色）。如果我将其设置为0，则没有平滑过渡，而是在坐标500处立即过渡。

我猜测在这个例子中，这个参数并不意味着持续时间（以秒为单位），而是意味着 frames 。是这样的吗？那究竟意味着什么？

Answer 1

以下是您问题的快速部分。

持续时间：补间的滚动持续时间（以像素为单位）（0表示自动播放）

但是如果你使用别针这意味着不同的

将其视为在引脚内部发生补间的时间范围。你可以输入10000，并且它与pin中的一个补间没有多大区别，因为该值基于引脚像素而不是补间。如果使用timeLineLite为多个补间设置动画，则该数字将相对于另一个。见下面的例子。

var timeLine1 = new TimelineLite({align: "sequence"})
    .append([TweenMax.to($('#display-platform-list .frame-1'), 2, {css:{display:'block'}})])
    .append([TweenMax.to($('#display-platform-list .frame-2'), 2, {css:{display:'block'}})])
    .append([TweenMax.to($('#display-platform-list .frame-3'), 2, {css:{display:'block'}})])
    .append([TweenMax.to($('#display-platform-list .frame-4'), 2, {css:{display:'block'}})])
    .append([TweenMax.to($('#display-platform-list .frame-5'), 2, {css:{display:'block'}})])
    .append([TweenMax.fromTo( $('#platform .callout'), 1, {css:{opacity: 1}}, {css:{opacity: 0}})]);

我使用2和1作为我自己的简单参考，但这里是快速和脏的数学，我有5个重量2和1重量1的补间，共11个。如果我把这个时间轴放在一个引脚如果是110像素，那么前5个补间将发生超过20个像素，最后一个补间发生超过10个像素。如果我输入0然后效果是瞬间的。我可以将数字200和100与2和1进行比较。没有什么区别，因为它基本上是这个效果与超级卷曲发生这种效果的时间的比率。

结合Superscrollorama，TweenMax.to中第二个参数的含义是什么？

1 个答案: