如何使用GreenSock创建摆动效果

Question

我在TweenMax中看不到任何内置的方法可以让你从一边到另一边“摆动”一个对象。它需要是一个从开始位置非常快速的动画，例如: x -> x-5 -> x+5 -> x-5 -> x+5 -> x。

Answer 1

如果弹跳对你不起作用，你将不得不自己通过使用计数器和onComplete方法来创建效果！

Answer 2

我认为你可以使用这个，我找到了一些类似的东西，但它是用于AS/Flash版本的，所以我不得不将它设为JavaScript，它对我来说很简单：

var shakeTween = function(item, repeatCount){
var max = 5;
var min = -5;
TweenMax.to(item,0.1,{repeat:repeatCount-1, x:Math.floor(Math.random() * (max - min + 1) + min), delay:.1});
TweenMax.to(item,0.1,{y:0, x:0, delay:(repeatCount+1) * .1});
}

请参阅工作示例here

其中是HTML元素引用(您可以使用jquery或wharever)，repeatCount是将播放wiggle动画的次数。

Answer 3

也许RoughEase可以做到这一点。

http://www.snorkl.tv/2010/10/use-tweenlites-easevisualizer-to-create-a-roughease-for-a-cool-flicker-effect/

http://www.greensock.com/roughease/