gsap

3熱

1答えて

私はウィンドウのスクロールを検出するかなり簡単な機能を持っています。ユーザーがスクロールを停止すると、タイムアウトイベント（500ms）が発生します。これでリスナとタイムアウトが終了します。次に、ウィンドウをある点にアニメート（GSAP）します。アニメーションが完了すると、リスナーが再び起動します。時々...スクロールが再び検出されるので、関数全体が2回起動されます。これが起こるのを見るためにコン

0熱

1答えて

かすかなキャンバスアニメーション - EaselJS

私は、EaselJSを使用してspire'sバナーに見られるキャンバス要素をエミュレートしようとしています。しかし、私のアニメーションはクロムとファイアフォックスの両方で不安定です。どんな助けもありがとうございます。（初めてEaselJSを使用）マイコード： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

0熱

1答えて

gsap animation - 1つのsvgまたは複数のsvgをインポートする

gsapとsvgsを使用して「複雑な」アニメーションを行いたい。しかし、私はこれに最善のアプローチは何か分かりません。すべての要素で一意のsvgを作成してインポートする方が良いでしょうか、それとももっと良い4つの異なるsvgですか？私は4つの異なる文字を持っています：木、ランプ、机、男。基本的に私のアニメーションは、x上のオブジェクトを移動して消えていくものです。

0熱

1答えて

Greensock Animation Platform - ネストされたタイムラインを元に戻すことは可能ですか？

GSAP内のマスタタイムラインを元に戻すことはできますか？ネストされていないタイムラインを元に戻すことができます。は、ここでは、コードです： // hide copy content divs const hideCopyContentDivsTl = new TimelineMax() hideCopyContentDivsTl.to(copyContentDivs, 1, {

0熱

1答えて

ScrollMagicでのステージ位置決めの問題

GreenSockとScrollMagicを使ってアニメーションを作成しましたが、これはうまくいきましたが、ステージ/グラフィックスの初期位置を調整する方法（ユーザーがアニメーションをトリガする前に）を調整する方法はわかりません。現在、 'stage'のクラスを持つコンテナエレメントの.setPinメソッドを呼び出しています。この段階の要素は、より大きな親コンテナの内部にある（＃どのよう-IT-作

0熱

1答えて

tweenliteのプロパティを受動的にtween

私はオブジェクトのプロパティを受動的にトゥイーンできるようにしたいので、トゥウィーンの間にこのオブジェクトを更新してTweenLiteを実行します。たとえば、次のコードでは、オブジェクト内の座標を0から15に15秒間トゥーンします。これが起こっている間に、私はとyの変数をtarget.positionに更新したいので、TweenLiteはオブジェクトが完了するまで（15秒経過するまで）オブジェク

1熱

1答えて

SVG/GSAPゲームの交差点

私は参照のためのcodepenをセットアップしました。問題は、矢印と石が衝突したときに交差点を見つける必要があることです（すべてがSVGです）。両方とも、Trebuchetの回転子をクリックすると石が動き、ページが読み込まれた後に矢印が開始されます。矢印はライトブルーの色のパスに従う必要があり、石はグレーの細いラインのパスに従います。私は狂ったように私の頭を壊しましたが、どんな提案も大きな助けに

2熱

1答えて

CSSクラスをjQuery変数として使用

私の理解では、jQueryでは、変数を設定して後でそれを使用することができます。 var x = 2; function add() { x = x + 2; } 私のコードでは、変数としてCSSクラスがあります。 var scroll = $('.verticalScrollBar'); function changeScrollBar() { ... T

1熱

1答えて

Flexboxの幅をアニメートすると子に影響しませんか？

私はTweenLiteを使用して、青のサイドバーの幅をゼロまでトゥイーンさせようとしています。残念ながら、青のサイドバーの内容は、親の範囲外に壊れています。これは本当にフレキシボックスで発生することはありませんものですが、子要素もFlexのコンテナであるので、私は私がここで間違ってやって確信しています。誰もが何か提案がある場合:(ことは私に教えてください彼ライブデモTOTここおかげリンク：。！

0熱

1答えて

GSAP TweenMax：半円パスでHTML要素をジャンプさせる必要がある

私は人間のキャラクターを持つインタラクティブなウェブサイトを開発しています。私はキャラクターのためにジャンプを実装しましたが、それは三角形のパスで発生します（自然なジャンプを見ていないので）。だから私はジャンプが半円形のパスで発生する必要があります。誰かがHTML要素を現在の位置から自然に飛び越させる手助けをすることができますか？現在のジャンプコード： TweenMax.to(app.human