gsap

0熱

2答えて

私は現在、私の自由時間をGSAP（Greensock Animation Platform）を学び、探求しています。 1つの特定の繰り返し要素に値の配列を持たせることが可能かどうかは疑問です。これが私のTweenの見た目です。それは要素、「点滅」3秒間のポーズを持って、再び点滅し、再び点滅する前に0.5秒間のポーズがあり、その後、繰り返しを持つことが可能かどう TweenMax.from(blin

1熱

1答えて

エラー：ScrollMagicとGSAPでAngular CLIを使用しているときに 'TweenMax'を解決できない

ScrollmagicプラグインをAngular CLIと統合しようとしています。 npm install gsap npm install scrollmagic .angular-cli.json "scripts": [ "../node_modules/gsap/src/uncompressed/TweenMax.js", "../node_modules/s

1熱

1答えて

Reactjを使って順次アニメーションを作成する最良の方法は何ですか？

個人がReactJを使ってアニメーションを構築するのに役立つさまざまなツールがあります。しかし、それぞれには独自の欠点があります。かなり有効であるが、それはCSSとJavaScript間の結合が導入されてどのように私は好きではない： ReactCSSTransitionGroup：私は今まで調査してきたツールは以下の通り。たとえば： <ReactCSSTransitionGroup t

0熱

1答えて

Javascript TweenMax not working

これは初めてのTweenMax JavaScriptでの作業です。私は最終的にイメージとテキストを保持する丸いエッジを持つ "カード"を作成する関数を作成しようとしています。今のところ、私はちょうど、自分のタグの中の特定の大きさと場所で、内部の画像（クリッピングはこの時点では無関係です）を作りたいと思っています。今のところ、x/y値に関係なく、（0、0）に画像が表示され、親ブロックからの拡大/縮

0熱

1答えて

GSAP機能でのアニメーションの一時停止

クリックすると、一種のポップアップと簡単なアニメーションが表示されます。各ポップアップには、ほとんどのコンテンツに同じアニメーションが含まれています。各ポップアップにも独自のアニメーションが設定されていますので、正しく動作させるために以下の作業を行っています。 $gridTitles.click(function() { const tl = new TimelineMax();

0熱

2答えて

IonicプロジェクトのGSAP

GSAPライブラリをIonicプロジェクトにインポートするにはどうすればいいですか？ただ、NPM私は import { TweenMax, TimelineMax} from "gsap"; 私はtypescriptですを使用してインポートするときに動作しないGSAPをインストールを使用。おかげ

0熱

1答えて

React TransitionGroup、GSAP、およびMobXを使用して同じコンポーネントを再レンダリングする

さまざまなUIコンポーネントを使用して様々な質問を画面にレンダリングする調査のようなReactアプリケーションがあります。しかし、調査の性質上、正確に同じコンポーネントを使用して多くの質問が再レンダリングされます。たとえば、「A/Bセレクタ」または「チェックリスト」。私が達成したいのは、最初にDOMに再使用されるのか、最初にマウントされるのか、下からフェードアップするのかにかかわらず、各コンポ

0熱

1答えて

GSAP：ネストされた属性を同時にトゥイーンする方法

私はCameraクラスに、同時にアニメーション化する2つの属性があります。 distance属性（数値）とrotation（両方ともx, y, zの要素）属性をアニメーション化したいと思います。試み1： TweenLite.to(this.camera, 1.0, {distance: 30, rotation.y: 10, rotation.x: 50}); 試み2：私は、次のことをしよう

0熱

1答えて

GSAPを使ってトップダウンカーをアニメート/パークする方法

GSAPライブラリTweenMaxとTimelineMaxでいくつかのことを試しています。私が達成したいのは、車のパーキングを90度の角度で上にすることです。しかし、私はそれが真正に見えるようにするためには、どんな種類の数学が必要かわかりません。私はターンを試みるこのフィドルを持っていますが、それは車が漂流しているように見えます。提案がありますか？ timeline.to(car, 2, {

1熱

1答えて

GSAPがスラッギングされているScrollMagic

スクロールベースのアニメーションにはGSAPとTweenMaxでScrollMagicを使用したいと思います。私は過去にScrollMagicでいくつかの経験をしており、いつもうまく動作します。今回は、アニメーションが非常に遅く、デバッグです。インジケータも同様です。これは私の例である： https://codepen.io/jonasloerken/pen/NvXyWW これは、滑らかなアニメ