如何使用GreenSock創建擺動效果

我無法在TweenMax中看到任何內置方法，該方法可讓您「左右擺動」一個對象。它需要是一個非常快速的動畫，從它的開始位置開始，例如：x - > x-5 - > x + 5 - > x-5 - > x + 5 - > x。如何使用GreenSock創建擺動效果

來源

2013-03-09 ArrayOutOfBounds

如果彈跳不適合您，您將不得不通過使用計數器和onComplete方法來創建效果！

來源

2013-03-09 16:56:59 M4tchB0X3r

那麼，問題是，當我使用反彈或任何其他方法，x位置必須補間到一個新的。但是我試圖讓x的位置在反彈效果之後在同一個位置結束。 – ArrayOutOfBounds 2013-03-09 16:59:28

就像我之前說過的那樣，使用補間的onComplete方法並將其恢復到原始的x值，一旦完成inital補間 – M4tchB0X3r 2013-03-09 17:02:56

也許RoughEase可能會訣竅。

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

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

來源

2013-03-09 17:16:23 crooksy88

-1

就在你使用JQuery的情況下，你可以這樣做：$（ '＃YourElementID'）效果（「反彈」，{時間：3，距離： - 5，方向：'right'}，300）;

來源

2013-03-18 20:27:52

嗯，我想你可以使用這個，我發現類似的東西，但是是爲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

其中item是HTML元素引用（可以使用jquery或wharever），repeatCount是播放動搖動畫的次數。

來源

2014-01-21 15:40:08 adielhercules

如何使用GreenSock創建擺動效果

回答

相關問題