問題タブ [gsap]

ウェブサイトの色を反転するボタンがあります。rgb color と呼ばれるプラグイン ( http://www.phpied.com/rgb-color-parser-in-javascript/ ) を使用して、すべての dom 要素の色の値を取得し、それらを反転します。私は以下のコードでそれをやっています：

私がやりたいのは、単に色を反転するのではなく、トゥイーンすることです。jquery よりも最大 20 倍高速であると思われる greensock トゥイーン エンジンを試してみたいと思っていますが、必要に応じて別の方法を使用できます。彼らのトゥイーンエンジンはここに文書化されています：

http://www.greensock.com/get-started-js/#css

おそらく、私は次のような電話をかけることができるはずです：

しかし、これは機能していません（エラーはスローされません）ので、何が間違っているのかわかりません。これを機能させる方法、またはこれらすべての色のプロパティをトゥイーンする最速の方法についてのアイデアはありますか?

タイムラインをネストしています。

コードは次のようなものです:

私がする時：

私のアニメーションは最初から始まります。しかし問題は、obj2 の不透明度が 0 にリセットされないことです。

なぜこの問題が発生するのか理解できませんか?

どんな解決策も大歓迎です..

トゥイーンを作成するとき、次のようなことをすることがあります。

TweenMax.to(greyCircle, SELECT_TRANSITION_TIME, { alpha:0, onComplete: function ():void
{ isSelectedTransitioning = false; greyCircle.visible = false; } });

また、onCompleteParamsを使用してパラメーターを渡すこともあります。

私の質問はこれです：

トゥイーンオブジェクト（静的関数TweenMax.toによって作成された）がこの無名関数への参照を持ち、おそらくonCompleteParams内の一部のオブジェクトも、ガベージコレクション中に関数とパラメーターオブジェクトが収集されなくなります。トゥイーンが完了した可能性がありますか？

渡された関数が匿名でない場合、GCに違いはありますか？

メモリリークのハンティング...

greensockの js アニメーション プラットフォームを使用して svg 円の半径をトゥイーンしたいのですが、機能していないようで、属性のトゥイーンに関するドキュメントには何も表示されず、css プロパティのみが表示されました。これは可能ですか？私は本質的にこれを持っています：

そしてこれをやろうとしています:

jqueryでこれをやってみましたが、どちらもうまくいきませんでしたが、どちらの方法も受け入れます。

動いている可能性のある別のオブジェクトに向かって、あるオブジェクトを移動することは可能ですか?

私が見ることができる限り、移動パラメータとしてx、y座標のみを配置できます（？）

TimelineMax シー​​ケンスの再初期化に問題があります。ウィンドウのサイズが変更されたら、すべてのトゥイーンをデフォルト スタイルに戻し、新しいウィンドウ サイズに基づいて再初期化する必要があります。すべての CSS プロパティを手動でリセットせずに、タイムラインを効果的に破棄して新たに開始する簡単な方法はありますか?

AS3 では GreenSock の TweenMax、iOS では Flash AIR 3.2 を使用しています。autoAlpha最初から最後までではなく、トゥイーンの移動中に特定の時点 (トゥイーンの中央に達した後など) にプラグインを使用して、テキストの文字列がフェードを開始するようにしようとしています。現時点では、動きとアルファの両方を開始位置から終了までトゥイーンしています。これは可能ですか？

編集:これは関数と構文が修正された現在のコードですが、何らかの理由で機能しません。まだ動きのトゥイーンがありますが、アルファはもうトゥイーンしていません。ただし、ロジックは正しいようです。（後者で機能するため、alpha現在は置き換えられています）。autoAlpha

編集:アルファトゥイーンtotalProgress()に置き換えられましたがprogress()、アルファトゥイーンには別の問題があります。デバッグするためにと の両方textOne.alphaをトレースしました。_tween.progress()AS3 のシングルスレッドの性質のためか、各ループの最後で呼び出しロジックを台無しにしています...アルファ トゥイーンの終了が遅れているため、REPEAT 呼び出しは時間内にアルファを 1 に設定できません。 、進行トゥイーンが開始する前。または、それは間違っているロジックの何かです。TextOneの(アルファ)トゥイーンタイムを6にしてみましたが、それでもめちゃくちゃです。

実際、もう少し考えてみると、何が起こっているのかよくわかりません。論理的な意味はありません。最初のアルファトゥイーンは問題ありませんが、繰り返しでめちゃくちゃになり、アルファトゥイーンを（ただし間違ったprogress（）位置で）数回繰り返し、その後永遠に0のままになります。トレースのスナップショットは次のとおりです。

ALPHA: 0.0078125
PROGRESS: 0.9979285714285714
MIDDLE: true
...
ALPHA: 0
PROGRESS: 0.9992857142857144
MIDDLE: true

アルファ: 0
プログレス: 0.00028571428571438115 ミドル
: true

アルファ: 0
進行状況: 0.000714285714285826 中間
: false

ALPHA: 0.99609375
PROGRESS: 0.0015714285714287155
MIDDLE: false
...
ALPHA: 0.1015625
PROGRESS: 0.4504285714285715
MIDDLE: false

ALPHA: 0.09765625
PROGRESS: 0.4515714285714285
MIDDLE: false
...
ALPHA: 0.00390625
PROGRESS: 0.4992142857142858
MIDDLE: false

アルファ: 0
進行状況: 0.5003571428571431 中間
: false

graphicsGreenSock を使用して AS3のオブジェクトのアルファをトゥイーンしようとしていますが、関数が機能していません。2 秒でアルファ 0 から 0.7 にトゥイーンしようとしています。fromTo();メソッドも機能しません。そうしたくありませんが、代わりにインクリメンタル for ループを使用してこれを行う必要がありますか?—これでは、トゥイーンの時間を制御できないためです。

編集: 上記の TweenMax 関数を次のように置き換えることで、アルファ 0 から 0.7 へのフェードを修正しました。

ただし、アルファ トゥイーンをプログラムの残りの部分と一緒に実行すると、問題が発生します。トゥイーンは「点滅」し、すぐに 0.7 になります (0 から 0.7 に「ジャンプ」しているように見えます)。問題は、後で呼び出される関数に切り分けられていますoverlayBox();。プログラムの概要: ローダーを使用してイメージがロードされます。ローダーの中に、 がありmyTimer.start();ます。これは、イメージがロードされると、残りのプログラムを実行するために使用されます。これoverlayBox();は、次に続く最初のメソッドであり、正常に実行されます。次のメソッドはtextAnimation();、それを壊すものであり、その理由はわかりません:

そのため、ページ上の各 .featured-image が使用する再利用可能な関数を作成しようとしています。バックボーンイベントを使用せず、コメントアウトされたコードを書くだけで機能します。コメント付きのコードを模倣するイベント imageOver および imageOut を取得するにはどうすればよいですか??

GreenSock を使用して、iOS 用の Flash AS3、AIR 3.2 でこれを機能させようとしています。変数、関数などとして定義しようとしましたが、役に立ちませんでした。オンラインで検索しても何もヒットしません。

コード行に対して次のエラーが表示されますTweenMax tween = TweenMax.to(textOne, 14, {x:xScreenPosEnd, ease:SlowMo.ease.config(1, 0), repeat:-1});。

1071: 構文エラー: tween ではなく、属性 TweenMax の後に定義キーワード (関数など) が必要です。
1084: 構文エラー: 左中括弧の前に右中括弧が必要です。
1084: 構文エラー: 右括弧の前に識別子が必要です。

編集: エラーの行は次のように置き換えられました。var tween:TweenMax = TweenMax.to(textOne, 14, {x:xScreenPosEnd, ease:SlowMo.ease.config(1, 0), repeat:-1});
さらに発生するエラーは次のとおりです:
1120: 未定義のプロパティ TweenMax へのアクセス。
1046: 型が見つからないか、コンパイル時の定数ではありません: TweenMax.
1120: 未定義のプロパティ tween へのアクセス。
1120: 未定義のプロパティ middle へのアクセス。

私の GreenSock のインポートは次のとおりです。

試してもimport com.greensock.*;

編集: 行を追加するとimport com.greensock.TweenMax;、エラーが削除されました:
1120: 未定義のプロパティ TweenMax へのアクセス。
1046: 型が見つからないか、コンパイル時の定数ではありません: TweenMax.

他の 2 つのエラーはまだ残っています。