問題タブ [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 投票する
3 に答える
2275 参照

wpf - ListBoxItem をある ListBox から別の ListBox にアニメーション化する

リストボックス内のアイテムがダブルクリックされたときに視覚効果を作成したいと考えています。これまでのところ、アイテムがマウスに視覚的に接続され、ドロップターゲットに移動できるドラッグアンドドロップ機能があります。その機能から、アイテム コンテナーを取得するのと同じロジックを使用してアイテムをアニメーション化できますが、アイテム コントロールを離れることができません。ListBox からアイテムを削除し、別の場所に視覚的にアニメーション化する方法はありますか? 基本的に、メイン リスト ボックスはカードの手札です。カードがダブルクリックされたときに、手札のリストボックスから捨て札のリストボックスに視覚的に移動したい。現時点では、あるコレクションから別のコレクションにアイテムを移動するロジックは問題ありませんが、このイベントのアニメーションによる視覚的表現が本当に必要です。このようなことを行う方法についてのアイデアや参考文献をいただければ幸いです。

ありがとう、ブランドン

私が試みたことの詳細: 私がまだしっかりと把握していない概念がいくつかあります。ListBox を ItemsControl、リストボックス アイテムである FrameworkElement、および ListBox アイテムに関連付けられたデータ オブジェクトとして渡すメソッドがあります (一部は不要な場合があります)。私がやろうとしたのは、キャンバスであるListBoxItemのFindVisualChildでした。私はそれを行うことができます。私の考えでは、キャンバスをキャンバスまたはビットマップとして何らかの方法で複製し、同じ場所にあるページの子の子に追加し、ListBoxItem を ListBox から削除し、クローンを破棄にアニメーション化したいと考えていました。パイル。アニメーションが完了すると、クローンは削除または非表示になり、そのオブジェクトが廃棄物の山コレクションに追加されると、クローンを効果的に置き換えることができます。

これに関する私の問題は、装飾レイヤーなどを使用してこれを行う簡単な方法があるように感じることです。また、ビジュアル ツリーのさらに上の要素のまったく同じ位置にクローンを配置する方法もわかりません。私はそれに取り組み、他のアプローチを研究し続けるつもりです。誰かがこれについての洞察を共有してくれることを願っています.

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

animation - バウンス カード アルゴリズム

ソリティア ゲームで見られるような「バウンス カード」に適したアルゴリズムは何ですか?

あなたが見た中で最もクールなカードアニメーションは何ですか?

編集- Windows ゲーム以外に何かありますか?

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

iphone - アニメーション コールバックについてサポートが必要です (iPhone)

私は iPhone でアプリケーションを作成しており、その中にいくつかの UIView とレイヤーがあります。CAKeyframeAnimation クラスを使用していくつかのアニメーションを実行していますが、アニメーションを連鎖させる必要があるため、UIView で animationDidStop メソッドをオーバーライドしました。

コールバックを適切に取得していますが、次のアニメーションを開始できるように、終了したアニメーションを見つける方法がわかりませんでした。コールバック関数へのパラメータのみが CAAnimation オブジェクトとブール値です。

クラスにプロパティを設定し、使用するさまざまなアニメーションに列挙型を使用することで、この問題を回避できます。ただし、CAKeyframeAnimation オブジェクトで設定して、コールバックで同じものを参照できるコールバックに組み込みの属性があるかどうかを知りたかっただけです。

どんな助けでも大歓迎です!

0 投票する
4 に答える
4440 参照

animation - Core Animation を使用して、複数の CALayer のアニメーションをグループ化する方法はありますか?

「ターンベース」の方法でアニメーション化する多くの CALayer がある状況があります。これらの CALayer のそれぞれの位置をアニメーション化しますが、持続時間はまったく同じです。これらのすべての CALayer のアニメーション化が完了すると、新しい「ターン」が開始され、位置の変化が再びアニメーション化されます。

全体的なアイデアは、位置間の線形補間により、一定の速度で、状態間のターンベースの遷移がリアルタイムのアニメーションのように見えるということです。ただし、これは多くの異なる CALayer で実現するのは困難です。

CAAnimationGroup は、単一の CALayer でアニメーションをグループ化するために使用されます。しかし、同じ期間を持つはずのアニメーションを複数のCALayerでグループ化する簡単な解決策はあるのでしょうか?

ケビン・バラードの質問への返信を含むように編集

私の問題はこれにあります。CALayer ごとにアニメーションを作成し、それらを NSArray に入れています。個々のアニメーションが終了したというコールバックを取得したら、それを NSArray から削除します。空になったら、もう一度すべてのアニメーションを作成します。

いくつかのレイヤーを使用すると、すべてのアニメーションが終了してから新しいアニメーションが開始されるまでに顕著な遅延が生じます。

これらのすべてのアニメーションを 1 つのアニメーションにグループ化できれば、アニメーション間の遅延なしで、より多くのレイヤーをアニメーション化できると思います。これにより、連続したアニメーションの錯覚が損なわれることはありません。

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

jquery - jQueryの背景カラーアニメーション

リンクと SPAN を含む DIV があります。

リンクをクリックすると、AJAX を使用してアイテムのリストが表示されます。項目をクリックすると、SPAN の内容が変更されます。

DIV の背景色を緑に設定し、jQuery を使用してアニメーション化して白に戻すことで、この変更を強調したいと思います。

2行目でSPANの背景が緑に変わりますが、3行目は何もしません。エラーや変更はありません...

何か案は?


編集:以下のコメントでTed Naleidが指摘したように:

また、これを機能させるには、カラー アニメーション プラグインをインストールする必要があることに注意してください ( http://plugins.jquery.com/project/color )。インストールしていない場合、jQuery は色をアニメーション化できず、数値のみをアニメーション化できます。プロパティ (少なくとも 1.3.1 以降)。

0 投票する
4 に答える
4664 参照

iphone - MPMoviePlayerを使用せずにiPhoneで画像(映画など)をアニメーション化する方法

静止画像の上にアニメーションを表示できるようにする必要があります。

MPMoviePlayerでは便利なものを制御できないため、これを行うために私が考える唯一の方法は、複数の静止画像を使用して、それらを1つずつ表示して「映画のような」アニメーションを作成することです。

UIImageViewを使用してこれを行うことができることは知っていますが(UIImageViewのanimationImagesプロパティを設定してからstartAnimationを呼び出すことにより)、アニメーションには100を超える画像が含まれるため、メモリ使用量が最大になります。

誰かがこの種のアニメーションを行うための良い方法を持っていますか?Core AnimationまたはOpenGLを使用していますか?

私の推測では、画像バッファを作成する必要があり、新しい画像を読み込むときに、画像バッファから画像を表示しますか?

0 投票する
8 に答える
31979 参照

.net - サンプルの WPF アニメーションはどこにありますか?

私はプログラマーであり、アーティストやアニメーターではなく、アプリケーションで WPF の最高の機能を披露することに失敗しています。ボタンの成長、またはクリックすると色が明るくなるなどの単純なアニメーションのサンプルがありますが、私が探しているのは、いくつかのショーケース ボタン アニメーションといくつかのショーケース パネル変更アニメーションで、WPF の最高の機能を誇示します。通常は、より微妙な変更を行いますが、いくつかのケースでは、WinForms テクノロジよりも WPF を使用する利点を実際に示す必要があります。

ボタンのサンプルやパネルの変更 (ナビゲーション内の 1 つのパネルから次のパネルへの切り替え) を指摘してくれる人はいます?

編集

http://codeproject.comや Microsoft のサンプルを指ささないでください。私はすでにそれらを詳細に熟読しています。実際、ここに私の RSS リーダーの WPF サイトのリストがあります (他のブログへの提案を歓迎します)。

Lester の WPF ブログAsk Dr. WPFExpression Blend と DesignWPF WonderlandnerdplusartKarl On WPFWindows Presentation Foundation SDKJosh Smith on WPFRob Relyea-XamlifiedThe Moth .

具体例が欲しいです、ありがとう...

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

user-interface - Qt の GLWidget は mousemove でのみ更新されます

私は現在、小さな粒子システムをセットアップしようとして Qt で遊んでいます。そこで、GLWidget をサブクラス化し、ハッキングしました。不明な変更を加えるまではすべてうまくいっていましたが、マウスを動かしたときにのみウィジェットが再描画されるようになりました (QTimer が起動しているため、常に再描画されているはずです)。関連コード:

OpenGLWidget.h

.cpp からの関連コード