bodymovin

1熱

1答えて

私はイントロアニメーション[0,20]が描かれているいくつかのアイコンと、アイコンの上にマウスを置いたときのループアニメーション[21,100]を持っています。 loopをtrueに設定すると、私のすべてのセグメントが私の望むものではないループになり、ループするセグメントのうちの1つだけが必要になります。とにかくこれを行う？ここでは、私は私のコードを設定しているかの例です： var data =

5熱

2答えて

bodymovin.jsでのイベントの使い方

これは非常に簡単な質問ですが、私は気づいていません。私はbodymovinを使ってウェブサイト上でsvgアニメーションを再生しています。アニメーションが完了したときにonCompleteイベントを使用して関数をトリガーしたいのですが、コード化する方法を理解できません。私はそれを考え出したhttps://github.com/bodymovin/bodymovin#events おかげ

0熱

1答えて

マウスセンターイベントを切り替える

私はマウスを動かすとトリガするbodymovinを使ったアニメーションを持っています。アニメーションが終了する前にもう一度マウスオーバーすると再起動しないようにしています。 squareAnim.addEventListener('mouseenter', function(){ anim.removeEventListener('loopComplete', loopHandler); an

0熱

3答えて

bodymovinアニメーションが完了しているかどうかをチェックする方法は？

アニメーションが完了したらアニメーションを破棄したい。試みたaddEventListenerは動作しませんでした。 anim = bodymovin.loadAnimation(params); animContainer.addEventListener("complete", myScript); function myScript(){ anim.destroy(); }

0熱

1答えて

反応ネイティブのbodymovinアニメーションにエラーがありますか？

私は、Lottie for React Nativeを通して私のページのボドモビーンアニメーション用のsample.jsonイメージファイルを使用しています。イメージが取得されていますが、イメージが完全には取得されていません。イメージの一部が欠落しています。イメージの一部にも緑色が貼り付けられています。しかし、私はオンラインのjson画像ビューアを通してsample.jsonを確認しました。し

0熱

1答えて

After EffectsでのJSONエクスポート+ Lottieのbodymovin

私はAfter Effectsで基本アニメーションをインストールしました。エラーは発生せず、Lottie Animationとしてエクスポートしたいと思います。エクスポートすると、空のJSONファイルになります。私はコースのエクスポート中に自分のコンポジションを選択します。私は1つのコンポジションしか持っていません。 tips and guidelinesと、supported featu

1熱

1答えて

Bodymovin：複数のJsonエクスポート/アニメーションを作成し、1人のプレイヤーのみを参照する

ウェブサイトに入れるために4つのボディービンアニメーションがあります。現在、私は、各アニメーション/ jsonの書き出しを使用してプレーヤーをアップサンプリングしています。私はこれを行う必要がありますか？プレイヤーを1回だけ追加してから、個々のJsonがこのプレーヤーを使用してファイルサイズを抑えることはできますか？種類よろしくあなたは一度だけbodymovin.jsロードする必要がライ

0熱

1答えて

レスポンシブBodymovinアニメーション

ロゴとフォントの正しい縦横比を維持し、私のウェブサイトの境界にフィットするように、ボodモビンのエクスポートファイルを埋め込むにはどうすればよいですか？何か案は？あなたはレンダラのpreserveAspectRatio設定で遊ぶことができ、事前

0熱

1答えて

bodymovinと制御アニメーションのスクロール方法は？

スクロールで制御できるBodymovin [JSON]のスクロールでアニメーションをトリガーしたい、つまり順方向と逆方向です。 Alfred同様の種類の動作が必要です。私はこのOnScrollイベントにどのようにアプローチすればよいですか？

0熱

1答えて

スクロールの機能をトリガーする方法

ページ内の特定のポイントをスクロールしたときにトリガーしたいアニメーションがいくつかあります。 scrollTopプロパティでアニメーション関数を呼び出すための正しい構文がないと思います。私は警告でそれをテストし、それは正常に働いた。 var illustArr = ['map', 'privacy', 'payment', 'rewards', 'security', 'passcode'];