actionscript-3 - GreenSock を使用してウィグル効果を作成する方法

Question

オブジェクトを左右に「小刻みに動かす」ことができる TweenMax の組み込みメソッドは見当たりません。x -> x-5 -> x+5 -> x-5 -> x+5 -> x のように、開始位置から非常に短いアニメーションにする必要があります。

Answer 1

これを使用できると思います。似たようなものを見つけましたが、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});
}

ここで実際の例を参照してください

item は HTML 要素の参照 (jquery または wharever を使用できます) であり、repeatCount はウィグル アニメーションを再生する回数です。

Answer 2

Bounce が機能しない場合は、カウンターと onComplete メソッドを使用して自分で効果を作成する必要があります。

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/

Answer 4

JQuery を使用している場合に備えて、これを行うことができます: $('#YourElementID').effect("bounce", {times:3, distance : -5, direction : 'right'}, 300);