問題タブ [keyframe]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
231 参照

actionscript-3 - 再生ヘッドがそのフレームに送信されたときに、Flashのキーフレームがキーフレームで定義されたオブジェクトの位置を更新できないのはなぜですか?

カスタムボタンクラスにバックグラウンドMovieClipがあり、受信するマウスイベントに応じて再生ヘッドを別のフレームに移動します(gotoAndStop( "framename")を使用)。

マウスアップイベントを受信すると、再生ヘッドが「リリース」フレームに戻され、背景が元の場所に戻るはずですが、代わりに何も起こらず、背景は元の場所に残ります。これは、Flashが入力するキーフレームによって定義された背景の位置を尊重していないかのようです。

唯一の回避策は、フレームスクリプトを各フレームに追加して、xとyの位置を手動で設定することですが、これは、位置にキーフレームを使用するという目的に反します。

何が起こっている?

0 投票する
1 に答える
1267 参照

animation - ホバー時にCSSでdivをアニメーション化する

CSS3の@keyframesルールを使用して、ホバー時にdivをアニメーション化しようとしています。アニメーションのコードは、このページの一番下にあります(寛大にマークされた「HEREBEANIMATION」コメントASCIIアートの直後)。これには、@ keyframesルール、div、およびdiv:hoverが含まれます。このアニメーションが欲しかったページはここにあります。何らかの理由で、アニメーションが機能しません。CSSアニメーションを使ってみたのはこれが初めてなので、どこかで初心者の間違いがあるかもしれません。

0 投票する
1 に答える
1379 参照

python - キーフレームをスケーリングするための Python/Maya シンプルなスクリプト

Maya で Python を使用してスクリプトを作成し、選択したキーフレームを特定の数だけスケーリングできるようにしています。

基本的に、1 つのキーフレームをアニメーション化すると、すべてのキーフレームを 2 つのキーフレームだけ離すように簡単にスケーリングできます。私は初心者なので、スクリプトは非常に原始的なものである必要があります。まだ手作業 (オブジェクトとキーフレームの選択) を行っているためです。

必要なのは、それらを自動的にスケーリングするスクリプトだけです。

0 投票する
3 に答える
48787 参照

javascript - Javascript 変数を使用して Webkit キーフレーム値を設定する

乱数を生成し、回転値の代わりにここで使用される変数として出力する JS コードがあります。

上記のコードは正常に動作しますが、javascript から変数を貼り付けようとすると、rotate(variable);動作しません。私はこれに慣れていないので、変数の構文が正しくないことを90%確信しています(真剣に、括弧、引用符、波線などが必要かどうかを思い出すのが苦手で、考えられるすべてを試しました) .

または、変数が関数に対してローカルであり、CSS がそれを読み取れないことが原因である可能性があります。

したがって、基本的には、正しい構文と、可能であればCSSに変数を読み取らせる方法を教えてくれる、見知らぬ人が必要です。

それ以外の場合は、次の全体を作成する関数が必要になるようです。

...確率変数は複数のcss要素に適用される可能性が高いため、これは少し面倒かもしれません。

ああ、現在、変数はdeg数値の後に を含めるようにフォーマットされているため、問題はありません。実際、簡単にするために、var dogValue = "20deg"; を使用していると仮定してください。ランダムな要素を忘れてください。

ありがとう。

0 投票する
1 に答える
571 参照

ffmpeg - キーフレームを制限する FFMPEG

キーフレームを抽出している間、このコマンドはすべてうまく機能します:

キーフレームの数を 200 に制限するために、これで何が機能するかを誰かが知っているかどうか疑問に思っていました. ありがとう。

0 投票する
1 に答える
3494 参照

sass - SCSS で @keyframes mixin を作成する方法 (3.1.16)

私はすでに試しました

これを行う方法はありますか?Googleで解決策が見つかりませんでした:(

0 投票する
0 に答える
402 参照

actionscript-3 - プロパティのいずれかが変更された場合、Flash はムービークリップへのキーフレーム情報の適用を停止しますか?

ボックス (インスタンス名 "box") を持つ 3 フレームの MovieClip があるとします。フレームごとに異なるぼかしがボックスに適用されるため、フレーム 1 では少しぼかし、フレーム 2 では少しぼかし、フレーム 3 では非常にぼかします。

3 つのフレームのいずれかで「gotoAndStop」を呼び出すと、正しいぼかしが適用されます。これを何度でも問題なく実行できます。

ただし、「box.width = 100」などのボックスの幅を変更すると、突然「gotoAndStop」を呼び出すと、キーフレーム情報が適用されなくなり、ボックスのぼかしは変更されません。フレーム 2 にも位置の変更を追加すると、同じ動作が発生します...ボックスの幅を変更するまで、位置の変更は gotoAndStop で機能し、そのフレームに出入りしても移動しなくなります。

キーフレーム オブジェクトの「幅」などのプロパティを変更すると、Flash がこのようなキーフレーム情報の適用を停止するのはなぜですか?

0 投票する
1 に答える
156 参照

actionscript-3 - 他のキーフレームからのインスタンス座標の保存

私がやろうとしているのは、別のキーフレームからインスタンスの座標を取得し、複数のキーフレームがある場合はおそらく配列に格納することです。

次に、おそらく greensock の Tweenlite クラスを使用して、これらの位置の間でトゥイーンできるようにしたいと考えています。

再生ヘッドがその特定のフレームに来るまで、オブジェクト、またはインスタンスでさえ技術的に存在しないという他の投稿を読みました。このオブジェクトが存在する前に、とにかくこれらの座標を取得する方法はありますか? おそらく、これらのフレームを再生して座標を保存する別の DisplayObjectContainer オフスクリーンを作成することによって。

Flash 5.5 と AS3 を使用しています。

誰にもアイデアはありますか?

0 投票する
1 に答える
334 参照

html - キーフレームを2番目の画像に変更します

キーフレームを使用してスライドショーを作成していますが、問題があります。

キーフレームは、ここで最初の画像の位置を変更します。

しかし、スライドさせたい画像は最後です。キーフレームの優先度を変更する方法についてのアイデアはありますか?最初の画像には不透明度があり、2番目の画像を見ることができます。私がそれらの場所を交換すると、最後のものが後ろになってしまい、蜂が見えなくなります...

ありがとう

0 投票する
1 に答える
191 参照

css - 任意の数のペインに対する CSS アニメーションのトランジション効果

複数のペインと、それらを切り替えるためのナビゲーション メニューを備えた Web サイトを作成しています。CSS のトランジション効果を使用して、ペインの切り替えをアニメーション化したいと考えています。ペインは <li> 要素です。

、横に並べて配置されているので、コンテンツの margin-left プロパティをアニメーション化して、ペインを左右にスクロールさせたり、ビューから外したりします。

、もちろん逆にすることもできます。問題は、このプロセスが 3 つ以上のペインでは扱いにくいことです (コードの長さは、ペインの数に応じて二次関数的に増加します)。

それで...任意の数のペインに対してこれをどのように記述しますか?

編集: JavaScript を使用して CSS コードを生成できることは知っていますが、見逃したよりエレガントな方法があることを願っています。