javascript - KineticJS でチャット バブル アニメーションを機能させる方法

Question

吹き出しアニメーションを作りたいです。1 つの吹き出しのテキストが長く、長い時間表示する必要がある場合、アニメーションを中断するにはどうすればよいですか。ある種のフレームストップまたは sth はありますか?

ビューソース: http://www.tlu.ee/~kristo93/svui/yl_p%f5hi_proov.htmlここにページ/コードがあります

Answer 1

Kinetic.Tweenこの例では、次のクラスを使用しました: jsFiddle

ステージ上の任意の場所をクリックすると、長方形がゆっくりとフェード インします (opacity長方形の を から0.0に変更すると、1.0フェード アウトは逆に から1.0に変更され0.0ます)。この場合duration、Tween のプロパティを使用して持続時間を簡単に調整できます。

フェードアウトさせるには、setTimeout 関数でタイムアウトを設定できます。

setTimeout(function(){var fadeouttween = new Kinetic.Tween(*set opacity from 1.0 to 0.0*);}, *time, after wich the fadeout should start*);