問題タブ [animation]

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 に答える
2625 参照

wpf - WPFでクレジット画面をスクロールする...アイデア?

映画の最後に表示されるものに似た、アプリ用の (おそらく 3D) スクロール クレジット画面を作成しようとしていますが、グラフィック、アニメーションなどを含めることができるはずです。

これを行う最善の方法は何ですか?スクロールするコンテンツ全体を含む非常に背の高い UserControl を作成し、それを ScrollViewer 内でアニメーション化するか、Canvas だけでアニメーション化して位置をアニメーション化できると考えていますが、そのようなことを行うと明らかにパフォーマンスの問題があり、私は遅すぎるのではないかと心配しています。

スター ウォーズのような 3D サーフェス上で、または魚眼効果を使用してクレジットをスクロールできれば素晴らしいと思いますが、WPF での 3D についてしゃがむことは知っています。

クレジットが下部でフェードインしたり、上部でフェードアウトしたりするように、ある種のフェード/アルファブレンディングが確実に必要ですが、それを行う方法にも行き詰まっています.*

**実際には、背景が単色である限り、半透明のグラデーションを重ねることができると思います.*

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

wpf - WPFでパネルをスライドさせる最良の方法は何ですか?

私が作成したかなり単純な UserControl があり (WPF を学習している Xaml を許してください)、画面からスライドさせたいと思います。そうするために、変換変換をアニメーション化しています (Panel をキャンバスの子にして、X 位置をアニメーション化して同じ結果を得ようとしました) が、かなり高速な新しいコンピューターでも、パネルが非常にぎくしゃく動きます。ぎくしゃくせずにスライドインおよびスライドアウトする最良の方法は何ですか (慣性で動くように KeySplines を使用するのが望ましい)。パネルには 8 つのボタンしかないので、それほど問題になるとは思いませんでした。

これは私が使用している Xaml です。Kaxaml では正常に動作しますが、非常にぎくしゃくして低速です (WPF アプリでコンパイルして実行すると、ぎくしゃくして遅くなります)。

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

flash - Haxe: フレームなしのキーフレーム アニメーション

Haxe (flash9) で単純な (ループ) アニメーション (移動、アルファの変更など) を行いたいと考えています。ライブラリにフレームに似たものはなく、単一のフレーム アセットだけです。

私は初心者なので。私は必ずしも洗練されたフレームワークを探しているわけではありません。クイック&ダーティなもので満足です。おそらく、 (クラス変数)をifチェックし、値を線形補間します。frame

キーフレーム アニメーションの基本的な考え方を理解しています。私が探しているのは、プログラムのこの部分をどのように構成するかです。

どのように進めればよいか、いくつかの指針を教えてください。

0 投票する
7 に答える
23878 参照

jquery - jQuery animate() とブラウザのパフォーマンス

ページを非常にゆっくりと移動している要素がいくつかあります。基本的に、2 つの画像の左余白を 40 秒ほどかけて減らしています。

視覚的には、美しく機能しています。ただし、アニメーション中にプロセッサーの使用率が約 50% に跳ね上がります。これは特定のブラウザに固有のものではなく、Safari3 と Firefox3 でも同じです。両方のブラウザでページを実行している場合、CPU は約 95% の使用率で悲鳴を上げています。

jQuery 1.3 を使用しています。両方のアニメーションが同時に発生しています。ページに Flash はありません。コードをコメント アウト (アニメーションを削除) してページを更新すると、プロセッサはすぐに通常の使用に戻ります。

Flash に頼る必要がないことを願っていますが、Hulu.com で番組を見ても、CPU がこのように急上昇することはありません。

考え?

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

jquery - クロスブラウザ jQuery 遷移アニメーション?

Firefox 3 と IE7 の両方で動作する jQuery 1.3 アニメーション遷移はありますか?

複数のテーブル行 (25 以上) を持つテーブルがあり、一部の行は非表示になっています (これらの行はすべて共通のクラスを共有しています。この例では ".hidden" です)。テーブル ヘッダーには、非表示の行を表示する関数にバインドされた [もっと表示] リンクがあり.click()、[もっと表示] を [少なく表示] に変更.click()し、反対のことを行う関数に変更します。

.click()関数には、次のような行があります

「表示を減らす」機能ではwith.show()に置き換えられました。.hide()

.show()ただし、 /.hide()をに置き換えようとすると、有効になるまでに 1 分かかることを除いて.fadeIn()/.fadeOut()、IE はほぼ同じようにレンダリングします。そこには本当のアニメーションはありません。IE では劣りますが、Firefox ではうまく動作します。.show()/.hide().hide()

を使用しようとすると.slideDown()/.slideUp()、IE でも同様にぎこちなく.show()/.hide()、トランジションの完了直後に奇妙なパルス効果があることを除けば、ほぼ同じです。Firefox 3 も同様にチョークします。明らかに、表示されているテーブル行の行幅を忘れて、全体がひどく見えます。

では、アニメーションは IE7 ではうまくいかないのでしょうか? この場合、両方のブラウザで機能する、優雅でスムーズな移行を実現する方法はありますか?

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

cocoa - ココアアプリでテキストを NSTextView にクロスフェードし、画像を NSImageView にクロスフェードするにはどうすればよいですか?

ImageView の上にサブビューとして TextView を持つ ImageView を持つ、私が書いている Cocoa アプリがあります。ImageView の画像を更新する関数と、TextView のテキストを更新する関数の 2 つの関数があります。これらの機能はどちらも適切に機能しますが、新しいテキストを古いテキストからフェードインまたはクロス フェードさせたいと考えています。同じように、新しい画像をクロスフェードしたいと思います。

ImageView に対して [[self animator] setImage:image] を試しましたが、何もしないようです。

ご協力ありがとうございました。

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

c++ - C++ 3D モデル アニメーション ライブラリ?

私は C++ と OpenGL を使用する独自のゲーム エンジンを持っていますが、移動可能な個々のピースを含むモデルがあり、ハードコーディングせずにアニメーション化する方法がわかりません。Ogre などのゲーム エンジンに頼ることなく、スクリプトや IK、またはその他のアニメーション技術を介してソリューションを提供するライブラリはありますか?

0 投票する
21 に答える
211615 参照

jquery - テーブル行でslideDown (またはshow)関数を使用するには?

テーブルに行を追加して、その行をスライドさせて表示しようとしていますが、スライドダウン機能がテーブル行に display:block スタイルを追加しているようで、レイアウトが台無しになります。

これを回避する方法はありますか?

コードは次のとおりです。

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

javascript - javascriptでカラーサイクリングを行う良い方法はありますか?

これが私がやりたいことです:HTMLページに1行のテキストがあります。そのテキストを特定の色で開始し、スペクトルを循環させ、1〜2秒待ってから、繰り返します。

可能であれば、JavaScriptでこれを実行したいと思います(フラッシュのようなものは完全に問題外ではありませんが、このプロジェクトの主要なスコープクリープになるでしょう)。

私はこれが可能であることを知るのに十分なJSを知っていますが、それだけです。誰かが私を正しい方向に向けることができますか?

そして、はい、これは実際のクライアントの要求です。彼らがまばたきタグも求めなかったのは嬉しいです。;)

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

javascript - jQuery .animate() の問題

画像の順序付けられていないリストに対して、自動スクロール/カルーセルのような機能を作成しようとしています。

含まれている div の上にマウスを移動すると、関数が呼び出されます。その関数は、上の余白をアニメーション化することです。<ul>

ログに必要なものの正しい値が表示されています。つまり、アニメーションは終了したと考えています...しかし、divで何も変更されていません。

アニメーション機能が意図したとおりに機能しない理由について、誰かが何か洞察を持っていますか?

ありがとう