問題タブ [chromakey]

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 投票する
1 に答える
549 参照

actionscript-3 - AS3 - 純粋な AS でのクロマ キーイング

3 つの円 ( red 、 Purple 、 yellow ) を持つビットマップがあるとします。(純粋な AS では、PixelBender なしで) 画像を後処理し、黄色のピクセルのアルファを 0 に設定したいとします。

クラスを使用できますかColorMatrixFilter、それとも全体を反復処理する必要がありますbitmapDataか?

This例では AS2 を使用しています。AS3 で同様のものを探しています

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

c# - c# .NET グリーン スクリーンの背景を削除する

Windows 8 で動作するデスクトップ PC 用の写真ソフトウェアに取り組んでいます。クロマ キーを使用して、写真から緑色の背景を削除できるようにしたいと考えています。

私は画像操作の初心者です。いくつかのクールなリンク ( http://www.quasimondo.com/archives/000615.phpなど) を見つけましたが、C# コードで変換できません。

プレビューを表示して写真を撮るために、ウェブカメラ ( aforge.netを使用) を使用しています。カラー フィルターを試しましたが、緑の背景が均一ではないため、うまくいきません。

C#でそれを正しく行うには?

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

c# - 画像の背景を削除

Magick.Net を使用してこの画像の緑色の背景を削除しようとしていますが、ちょっと行き詰まっています。

私は次のことを試しました:

test.jpgしかし、 と の間に違いは見られませんtest_result.jpg。私が選択した低と高の色は最良の選択ではないかもしれませんが、私の戦略は、カラーピッカーを使用して画像から「明るい緑」と「濃い緑」を選択することでした(他に何をすべきかの知識がありません) )。

メソッドの使用方法の有用な例が見つからないため、TransparentChromaここで間違った方向に進んでいる可能性があります。

テスト画像

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

ios - iOS 後処理 - タイムスタンプをビデオにオーバーレイしてエクスポート

ビデオと時間/GPS/加速度計のデータを別々のファイルに同時に記録するアプリケーションに取り組んでいます。

ビデオを再生し、オーバーレイをリアルタイムで完全に表示することはできますが、これを単純にエクスポートすることはできません。

ビデオを後処理し、時間、座標、およびビデオをオーバーレイしたいと考えています。各フレームでサイズ/位置が変わる、オーバーレイされる他の形状があります。

限られた結果で使用AVMutableCompositionおよび追加を試みました-これはある程度機能しますが、タイムスタンプをビデオと同期させることはできません. CALayersvalues+keyTimes を使用できますCAKeyframeAnimationが、処理する必要がある値の量が多すぎます。

CGImages私の現在のアプローチは、データを使用して作成された別のビデオをレンダリングすることです。これはうまく機能しますが、オーバーレイに透過性を持たせるには ChromaKey を使用する必要があります。これを行った後、品質の問題が発生する可能性があることを読みました.

私が見るべきもっと簡単なアプローチはありますか?

レンダリング速度がそれほど速くないことは理解していますが、ビデオをレンダリングするために別の「PC」アプリケーションが必要になることは望んでいません。

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

java - Android: 動画のクロマキー性能

ビデオ ストリームがあり、それにクロマ キー エフェクトを適用したいと考えています。このGPU ライブラリを試しましたが、自分のコードとしてはさらに遅いです:

このコードのパフォーマンスを改善するにはどうすればよいですか?

メモリを再利用するためにすべてのオブジェクト作成を既に移動しましたが、それでもハイエンド タブレットでは非常に遅いです。

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

qt - Qt5 で qwebview のクロマ キーを作成する

Qt5 で qwebview のクロマ キーを作成しようとしています。これは、特定の色を透明にする必要があることを意味します (他のウィジェットは、その色の webview のピクセルから見えるようにする必要があります)。QPainter::CompositionMode 操作を使用して実行できることがわかりましたが、機能させることはできません。

たとえば、webview のすべての黒いピクセルを透明にする必要があります (実行時にソースの色を変更する必要があります)。

クラスに QWebView::paintEvent を再実装しました (Qt ソースからコードの一部を取得します) が、次に何をすべきかわかりません

}

次のコードを使用して、ソースの色を白にする方法を見つけました。

しかし、白い色を透明に変換する方法がわかりません。

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

javascript - WebGLで本質的に「クロマキー」にする方法は?

色に応じて描画するテクスチャ付きの正方形のアルファを設定する方法を見つけようとしています。背景が白の赤いアラバマ A の写真を使用しています。私はそれを切り替えて赤を取り出して A を通して表示し、白を取り出して A を残すように切り替えたいと思っています。2 つのテクスチャ付きの正方形があります。1つは背景です。だから、フラグシェーダーではこれを行うことができないと思っていました。私のメインのjsファイルでは、トグルHTMLボタンをクリックしたときに「クロマキー」を赤から白に切り替えることができる必要があります。

では、色の真の点が 4 つしかない場合、ピクセルに基づいてテクスチャ付きの正方形のアルファを変更するにはどうすればよいでしょうか? または、2 が 2 回使用されている 6 ポイント (2 つの三角形)。

ちなみに、これは2次元のみです。