問題タブ [motion-blur]
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.
language-agnostic - 2Dモーションブラーソリューション
モーションブラーを2Dプログラムに組み込むことを考えていますが、現在のアルゴリズムの結果には疑問があります。
私のアプローチは現時点では次のようになっています。
- バックバッファに描画します。
- フロントバッファを更新するときは、バックバッファをフロントバッファにブレンドします。
- 繰り返す
「モーションブラー」効果を引き起こすのは、動きのあるオブジェクトがフェードトレイルを残すため、明らかにブレンドです。
これは明らかにハードウェアにそれほど要求が厳しくなく、ダブルバッファリングはとにかく行われ、唯一の追加のステップは単純な計算であるアルファブレンディングです。ただし、トレイルは非常にシャープで、ぼやけることはなく、少し奇妙に見えるかもしれません。ブレンディングステップの前にバックバッファーでボックスブラーを行うことはできますが、ニンテンドーDSのようなローエンドシステムでは非常に負担がかかるように感じます。
より効率的に実行したり、見栄えの良い結果を生成したりできるソリューションはありますか?
filter - 斜めモーション ブラーの畳み込み行列
私の質問が実際にはプログラミングの質問ではないことはわかっていますが、プログラミングの必要性から出てきました。斜めモーションブラーの畳み込み行列を知っている人はいますか。3x3、4x4、または 5x5 はすべて適切です。
ありがとう、
c++ - WxWidgets のアキュムレーション バッファを使用した OpenGL モーション ブラー
OpenGL アプリケーションでモーション ブラー効果を実現しようとしています。
蓄積バッファーを使用して、このソリューションをどこかで読みました。
レンダリング ループの最後に。
しかし、何も起こりません...何が欠けていますか?
genpfault 回答後の追加:
実際、コンテキストを初期化したときに蓄積バッファーを要求しませんでした。
wxGLCanvas
そこで、ここで説明されているように、属性の配列を my のコンストラクターに渡そうとしました: http://docs.wxwidgets.org/2.6/wx_wxglcanvas.html :
しかし、私が得るのは友好的なSeg faultだけです。誰かがこれを使用する方法を理解していますか?
(問題ありませんint attribList[]={ WX_GL_RGBA , WX_GL_DOUBLEBUFFER , 0}
)
image-processing - 画像から動きによる歪みを取り除く方法
おもちゃの車の動きを追跡しようとしています。私はいくつかのビデオを記録しましたが、現在回転を計算しようとしています。
私の問題は、オブジェクト サーフェスからフィーチャを抽出することが、モーション ブラーのために非常に困難であることです。以下の画像は、ビデオ フレームからトリミングされた画像を示しています。歪みは横線に発生します。この画像に見られる歪みは、オブジェクトが動いているときに発生します。オブジェクトが動いていない場合、歪みはありません。
画像は、斜めのパスで前進する車が画像フレームを横切るときの歪んだ画像を示しています。
中央値と分散に基づいてウィーナーフィルターを試しましたが、あまり改善されませんでした。あたかもガウスぼかしが適用されたかのように、滑らかな画像しか得られませんでした。
より良い画像を得るには、どのような種類の拡張を行う必要がありますか?
ビデオ - 720 x 576 フレーム - 25fps
directx - モーション ブラー方向識別 DirectX
速度情報をテクスチャに保存しています。テクスチャは {0, 1} の範囲の色の値しか持てないため、速度の方向をどのように判断すればよいですか? 1 つの解決策は、速度の方向情報のみを格納する別のテクスチャを作成することですが、非常にコストがかかります。ご意見はありますか?
javascript - このぼかし効果はjavascriptでどのように行われますか?
http://wowslider.com/jquery-image-rotator-terse-blur-demo.html
ぼかし関連の CSS 3 プロパティが見つかりません。そして、彼らはFlashを使用していないようです..
javascript - javascript/jqueryでモーションブラーを適用するには?
javascript/jquery でモーション ブラーを作成する方法を知りたいです。水平ギャラリーがあり、画像が動いているときにモーション ブラーを適用したいと考えています。実際、それはその方法で完全に機能します。モーションブラー(フォトショップ)を使用したオーバーレイ画像で、画像の速度によって不透明度が異なります。レンダリングはきれいに見えますが、すべての画像を 2 回読み込む必要があり、最悪です。html で:
objective-c - OpenGLESでのモーションブラーの実装
私はOpenGLES1.1(IOS用)テクスチャリングの初心者ですが、モーションブラーの効果を作成するのに問題があります。グーグル中に、シーンをさまざまな時点でいくつかのテクスチャにレンダリングしてから、これらすべてのテクスチャをさまざまなアルファ値で画面に描画する必要があることがわかりました。しかし、問題は、これらすべてを実装する方法がわからないことです!つまり、私の質問は次のとおりです。
- 画面に2Dテクスチャを描画するにはどうすればよいですか?正方形を作ってその上にテクスチャを配置する必要がありますか?それとも、画面に直接テクスチャを描画する方法がありますか?
- 異なるアルファ値で画面上に複数のテクスチャを(次々に)描画するにはどうすればよいですか?
私はすでにいくつかのアイデアを思いついたが、それらが正しいかどうかはわからない。前もって感謝します!
javascript - 画像のJavaScriptブラー
画像をぼかすためのPixasticまたはjquery拡張以外のjavascriptライブラリはありますか?
状況:
検索結果のページがあります。結果は多数のユーザーで構成されます。これらのユーザーは、ボタン()の下に隠されている画像のリストを持っていますdisplay: none;
。これらの画像リストの一部は非公開です。画像のプライベートリストはぼかしておく必要があります。
試してみてください: 私はすでにそのFirefoxのみのCSSトリックを試してみましたが、それはうまくいかなかったようです。私はすでにPixasticのライブラリ、fast-blur、および通常のblurを試しましたが、jqueryオブジェクトを渡したため、最初にエラーが発生しました。しかし、それをDOMオブジェクトに変更したとき、それは機能しませんでした(しかし、それ以上のエラーは発生しませんでした)。私はついに実際のデモで使用されたコードを使用してみました(firebugを介して取得しました)、jsで画像を作成し、ぼかし効果ハンドラーを作成して画像を追加しましたが、それは画像を追加しただけで、ぼかしはありませんでした。
仕様:
ColdFusionで作業しているので、試してみますImageBlur()
が、これは検索結果ページに表示する必要があるため、多くの画像サーバー側をぼかすのはあまり良い考えではないかもしれません。
更新:
blur.jsを使用しようとしていますが、これは正常に機能しているようです。しかし、使用する関数(jqueryelement.blurjs();
)を2回呼び出すと、最初の画像はぼやけません(ライブラリによって処理され、正しいサイズの背景を取得しますが、画像はありません)が、2番目の画像はぼやけます。javascript文字列サーバー側を動的に構築すると、最後の画像だけがぼやけることになります。.:\
qt - Qtモーション(線形)ブラー
Qtの画像にモーションブラーを追加する簡単な解決策はありますか?ぼかしについての良いチュートリアルは見つかりませんでした。わかりやすく、ぼかし角度を変えられたら本当にいいものが必要です。