問題タブ [framerjs]

を使用してアニメーションを連続ループするにはどうすればよいanimateですか? この例では、白い正方形を際限なく回転させたいだけです。

最初の 360 度の z 回転の後、背景色は #666 に変更されますが、アニメーションは停止します。repeat: -1を聞かなくても連続して表示されるのが理想だと思いますAnimationEnd。

いくつかの子行が横にある大きな親レイヤーがあります。親が垂直にドラッグされている間、行が水平にドラッグされないようにしたい。私の推測では、うまくいくdraggable = falseと思いましTouchStartたが、うまくいきませんでした。

私は framer.js を使用して簡単なモックアップを作成していますが、必要なことの 1 つは、別のレイヤーのオンクリック イベントがトリガーされたときに、定義された 2 つの状態の間でレイヤーをアニメーション化することです。これは私が意味するものです：

プロパティとすべてで定義された変数 blueBox と redBox が必要です。blueBox がクリックされたときに 2 つの状態の間でアニメーション化するには、redBox が必要です。私がその部分のために持っているJavaScript：

これはframer.jsでは不可能ですか? 関連する状態をそれぞれのレイヤーで定義しています。redBox をクリックするという別のイベントに redBox ステートメントを追加すると機能しますが、別のレイヤーをトリガーして別のレイヤーをアニメーション化する方法はありませんか?

前もって感謝します！

Framer Studio (Coffeescript) では、レイヤーをクリックするたびに別のレイヤーにコピーされます (「チェックリスト」レイヤーのようなものです)。前にクリックしたレイヤーのすぐ下に、コピーしたレイヤーを追加しようとしています。どうやってそれをしますか？クリックされた前のレイヤーを取得するにはどうすればよいですか? それは可能ですか？

ご助力ありがとうございます。

よろしくお願いします、

私は英語のネイティブ スピーカーではありません。プール ワードで申し訳ありません。

私はこのような配列を作りました..

しかし、うまくいきません。レイヤー a をドラッグしても、他のレイヤーは移動しません。どうすれば修正できますか??

ばかげた質問で申し訳ありませんが、特定のレイヤーのすべてのサブレイヤーをアニメーション化する必要があります。すべてのサブレイヤーを反復する方法は?

Framer.js を使用して 2 つの背景色の間でシームレスなトランジションを作成したい

白い四角形を500px移動する以下のコードを試してみましたが、最後に到達するとすぐに「赤」に切り替わります。色のスムーズな移行はありません。

これを解決する方法についてのアイデアはありますか?

animationStop メソッドにイージングを追加するにはどうすればよいですか?

今のところ、アニメーションがすぐに止まると言うと、車のブレーキを踏むのと同じように、ゆっくりと停止したいと考えています。

どのように私はそれに近づくことができますか？

Framer.js で画面上の要素の単純なパルス アニメーションを作成しようとしていますが、次のようになります。

基本的に、画面が読み込まれると要素が拡大され、アニメーションの終了時に強制的にスケール 1 に戻され、アニメーションが再度実行されます。しかし、この解決策はエレガントではなく、アニメーションは非常に唐突に見えます。

私はCoffeeScriptを初めて使用しています...とにかく、このような状態をチェックするために無限ループを書くことはありますか?

これをCoffeeScriptで実現するにはどうすればよいですか?