問題タブ [effects]

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

java - Swing: ソフトな境界線を持つ非長方形のウィンドウを作成する方法は?

Javaでソフトボーダーのある非長方形ウィンドウを作成するにはどうすればよいですか?
ソフト ボーダー (ソフト クリッピングとも呼ばれます) は、エイリアシング アーティファクトのないボーダーです。

Web をよく検索したところ、半透明または非長方形のウィンドウに関する投稿がいくつか見つかりました。

トピック「ソフトボーダー」は紛らわしいです。私が見つけた情報は、別のJavaコンポーネントにあるコンポーネントにソフトボーダーを適用することを扱っているようです。

しかし、デスクトップ上に配置されたカスタム形状の JWindow にソフト ボーダーを適用できますか、または適用できませんか?

主に次の投稿を参照しています


ソフト クリッピングについては、記事をhttp://weblogs.java.net/blog/campbell/archive/2006/07/java_2d_tricker.htmlに転送します
が、ここでは、既存の Graphics2D オブジェクトのソフト クリッピングについて説明します。

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

javascript - 複数の画像を循環し、一度に3つを表示するJquery

jquery プラグイン、またはこれを作成するために使用できるスニペットを教えてください。

ここに質問があります: 12 枚の画像があり、一度に 3 枚を表示し、この方法で 12 枚を循環させたいとします。

(img1-img2-img3) 次に (img2-img3-img4) そして (img3-img4-img5)...

私が何を意味するか分かりますか?実際、私は画像のマーキーのようなものを望んでいます。

これは実行可能ですか?

100万回ありがとう!:)

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

javascript - jQueryのslideToggleは、IE8でslideDownとslideUpの両方を同時に行います

問題をここにアップロードしました: http://gotchance.com/k2/

「ログイン」リンクをクリックしてみてください。FF と Safari では正常に動作します。ただし、IE8 では、フォームが自動的に下にスライドしてから再び上にスライドします。

テスト目的で、さらに 4 つの「テスト」リンクを追加したところ、#navigation div 内のリンクのみがこの問題を引き起こしていることがわかりました。

また、「ボタン」「入力」などの他の要素を使用して切り替えると、正常に機能します。「#navigation」内の「a」タグのみが問題を引き起こします。

何か案は ?

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

jquery - ID に基づく LI を順番に表示する

私は、JavaScript効果を呼び出してLIに適用するforループの作成に取り組んでおり、順番に実行しています。これが私が持っているものです:

ただし、これは機能しません。LI#1 にエフェクトを適用し、次に LI#2、LI#3 などに適用する必要があります。

私がやろうとしているのは、ページの下部にある [もっと見る] ボタンをクリックしたときに Twitter が行うことと似ています。

編集: LI を UL 要素に追加するので、DIV で LI をラップすることはできません。

ただし、サイズが変更されたときに UL をアニメーション化する方法があれば、それで十分です。

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

wpf - Blendでアニメーションをカスタマイズする方法は?

私はBlendを使用して小さなアプリケーションを開発しています。基本的に、私のアプリケーションには2つのリストビューがあり、それらをリストビューAとリストビューBと呼びます。

リストビューAは、サーバーに送信するコンピューター内のファイルを表し、リストビューBは、サーバー内にあるファイルを表します。

私がやりたいのは、ファイルがサーバーへのアップロードプロセスを完了したときに使用するトランジションエフェクトを作成することです。アップロードしたばかりのリストビューAでファイルをフェードアウトし、同じファイルをフェードインします。リストビューB。サーバー内にあることを意味します。

両方のリストビューコントロールでハードコードされたアイテムを使用して、説明したとおりのアニメーションを作成できますが、アニメーションを柔軟にする方法がわからないため、アイテムが動的に追加されたときに機能します。事前定義されたアニメーションを取得して、ユーザーが追加するアイテムで使用できますか?

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

flash - フラッシュでactionscript 3ラジアル効果を適用するには?

actionscript 3 で、フラットな 2D レイアウトを放射状にレンダリングする特殊効果を適用したいと考えています。

既存の機能でそのような効果を達成する方法はありますか、それとも錬金術を使用して最初に開発する必要がありますか?

外部の例: alt テキスト http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/crazy_planets/cp_screenshot2_640.jpg

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

apache-flex - Actionscript で追加されたコンポーネントのフェードイン

こんにちは、Actionscript を使用して新しいコンポーネントを追加するときに、スムーズにフェードインしたいです。たとえば、このコンポーネントです。

私はこれを試しました

しかし、それはうまくいきませんでした。

何か案は?=)

前もって感謝します

セバスチャン

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

language-agnostic - 2Dモーションブラーソリューション

モーションブラーを2Dプログラムに組み込むことを考えていますが、現在のアルゴリズムの結果には疑問があります。

私のアプローチは現時点では次のようになっています。

  • バックバッファに描画します。
  • フロントバッファを更新するときは、バックバッファをフロントバッファにブレンドします。
  • 繰り返す

「モーションブラー」効果を引き起こすのは、動きのあるオブジェクトがフェードトレイルを残すため、明らかにブレンドです。

これは明らかにハードウェアにそれほど要求が厳しくなく、ダブルバッファリングはとにかく行われ、唯一の追加のステップは単純な計算であるアルファブレンディングです。ただし、トレイルは非常にシャープで、ぼやけることはなく、少し奇妙に見えるかもしれません。ブレンディングステップの前にバックバッファーでボックスブラーを行うことはできますが、ニンテンドーDSのようなローエンドシステムでは非常に負担がかかるように感じます。

より効率的に実行したり、見栄えの良い結果を生成したりできるソリューションはありますか?

0 投票する
6 に答える
5463 参照

css - コントラストが塗りつぶされた背景と空の背景のCSSプログレスバーのテキストの色は?

塗りつぶされた背景領域と空の背景領域の間にコントラストのある色のXHTML+CSSプログレスバーが必要です。

テキストの色に問題があります。塗りつぶされた背景と空の背景はコントラストが強すぎるため(これは要件です)、読みやすくするには、テキストを2色にして、両方の背景とコントラストを付ける必要があります。画像は言葉よりもそれをよりよく説明する必要があります:

濃い青で塗りつぶされた領域と白の空の背景を持つプログレスバーhttp://drdaeman.pp.ru/tmp/20090703/progress-bar-text-example.png 問題の例http://drdaeman.pp.ru/tmp/ 20090703 / progress-bar-text-problem.png

私の現在のプログレスバーの実装は簡単ですが、上記の例が示すように、テキストが読みにくい場合があります。これはまさに私が解決したい問題です。

私の現在の(簡略化された)実装の試み(内部のsのために配置できない配置overflow: hiddenなしでは機能しないため、失敗します):div.progressspanwidth

上記のライブバージョン:http://drdaeman.pp.ru/tmp/20090703/test2.html
以前の試み:http ://drdaeman.pp.ru/tmp/20090703/test.html

画像はGIMPで編集されたプロトタイプであり、このコードが正確に表示するものではありません。

追加:特にMeep3D、Nosredna、Lachlanに感謝します!ただし、まだ問題があります。私の場合、プログレスバーの幅は固定されておらず、水平方向に使用可能なすべてのスペースを使用する必要があります(width: auto;またはwidth: 100%許容範囲内です)。しかし、width: 400pxルールがなければ、Lachlanのコードは壊れます。そして、可能であれば、JavaScriptの使用は避けたいと思います。