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

In combination with Superscrollorama, what is the meaning of the 2nd parameter in TweenMax.to?

本文关键字：参数 是什么 第二个 Supercrollorama TweenMax to 结合      更新时间：2023-09-26

TweenMax的文档指出to()的第二个参数是：

持续时间：Number——以秒为单位的持续时间（或以帧为单位的基于帧的tweens）

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

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

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

我猜测在这个例子中，这个参数并不意味着以秒为单位的持续时间，而是意味着帧。是这样吗？这到底意味着什么？

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

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

然而，如果你使用引脚，这意味着不同的

把它想象成青少年在大头针内活动的时间框架。你可以输入10000，一个引脚中只有一个青少年不会有太大区别，因为这个值是基于引脚像素而不是你的青少年。如果使用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个tween将发生在20像素以上，最后一个tween发生在10像素以上。如果我输入一个0，那么效果是即时的。我本可以做出200和100对2和1的数字。这不会有什么区别，因为它基本上是这种效应发生的时间和时间的比率。

相关文章：