结合超级循环，TweenMax.to中第二个参数的含义是什么？

的documentation for TweenMax状态，对于to()第二个参数是：结合超级循环，TweenMax.to中第二个参数的含义是什么？

时间：数 - 播放时间，以秒（或基于帧的补间帧）

我不明白这是什么意思对于下面的代码片断：

var PARAM = 1; 

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

如果PARAM被设置为1，则补间按预期方式工作（元件平滑地改变它的颜色）。如果将它设置为0，不存在平滑的过渡，但在一个立即一个坐标500

我猜，在该示例中，该参数并不意味着以秒持续时间，而是将其意味着帧。是这样吗？那究竟意味着什么？

来源

2013-08-27 René Nyffenegger

这是你问题的快速部分。

持续时间：在像素吐温滚动持续时间（0表示自动播放）

然而，如果使用的是销，这意味着不同的

认为它的东西随着时间的帧补间取销内的地方。你可以放入10000，并且它不会在一个pin中的一个补间上有什么区别，因为这个值是基于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作为简单的参考为我自己，但这里是快速和肮脏的数学，我有重2的5个充斥且总量的11. 1％吐温重量1。如果我把这个时间轴在110个像素的针上，则前5个补间将发生超过20个像素，而最后补间发生超过10个像素。如果我输入0，那么效果是瞬间的。我可以将数字设为200和100，而不是2和1.这两者之间没有什么区别，因为它基本上是这种效应的时间长度和这种效应与超级循环恶化有多长时间的比率。

来源

2013-10-23 20:28:26 James

结合超级循环，TweenMax.to中第二个参数的含义是什么？

回答

相关问题