問題タブ [compositing]

一般に、HTML を HTML5 ネイティブ ビデオにオーバーレイする (さらには高度な合成操作を行う) ことは問題ないことを私は知っています。たとえば、ブラウザで緑色の画面をリアルタイムでキーアウトするクールなトリックを見てきました。

しかし、私がまだ見ていないのは、おそらくピクセル レベルでビデオ内コンテンツを追跡し、それに応じて合成されたオーバーレイを変更するものです。基本的にモーショントラッキング。良い例は、拡張現実のようなアプリです (簡単にするために、ライブ ビデオではなくオンデマンド ビデオのオーバーレイを拡張するとしましょう)。

このようなプロジェクトを見た人はいますか、それとも HTML5 ビデオ オーバーレイ用のフレームワーク (トランスポート コントロール以外) を見たことがありますか?

HD 画面でノンリニア アートワークを表示するシステムを構築するように依頼されました。複数のビデオ ストリームをリアルタイムで (つまり、アルファ マップを使用して) 一緒にミックスできるようにする必要があり、スクリプトを作成できる必要もあります。これにより、状況に応じてさまざまなクリップを組み合わせて、ユーザーの操作を必要とせずにこのシーケンスを際限なく再生させることができます。

さまざまな VJ ソフトウェア、Flash ビデオ、FFMPEG を使用してフレームをデコードして自分でミキシングする、vlc を介してビデオをストリーミングする、その他多くのことを見てきましたが、完璧な解決策を見つけたとは思えないので、あなたに頼っています。私が考えもしなかったかもしれないソフトウェア/テクノロジーの組み合わせを提案する紳士。

どこかに解決策があると確信しています。おそらく、同様のことを直接経験した人がここにいて、彼らが遭遇した解決策と落とし穴についてアドバイスしてくれるでしょう。

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

Quartz Composerで背景をクリアしないことは可能ですか？画面上で画像を移動し、古い位置に表示したままにして、ある種のトレース効果を持たせたいと思います。

よろしくお願いいたします。
セバスチャンメクレンバーグ

私はVisで働いています。Std 2010 Cpp と私は、2 つの既存のビットマップからビットマップを作成する方法を見つけようとしています。

2 つの gl_drawbitmap 関数をそれぞれに 1 つずつ使用するのではなく、3 番目のビットマップと gl_drawbitmap をウィンドウに新しいものとして作成します。また、2 番目のビットマップ (b2 と呼びましょう) を最初のビットマップ (b1) の中央に配置しようとしているので、疑似コードは次のようになります (b2 が 80 x 60 であると仮定すると)

現在のWINDOWの特定の測定値を見つけるためにglutGet（GLUT_WINDOW_WIDTH / HEIGHT）を知っていますが、ビットマップでそれを見つける方法がわかりません。それらが実行可能であるという証拠を見つけることができませんでしたが、b1.getHeight() と b1.getWidth() はトリックを行いますか?

私は全体的に、2つの実際の組み合わせを行う方法を理解するのに多くの問題を抱えています.

関数関連、それは私がコードを入れようとしているものです.

元の質問（下記）から、私は現在、以下の報奨金を提供しています：

丸みを帯びた角のためのAlphaCompositeベースのソリューション。

• でデモンストレーションしてくださいJPanel。
• コーナーは完全に透明でなければなりません。
• JPGペイントをサポートできる必要がありますが、それでも角が丸い
• setClip（またはクリッピング）を使用しないでください
• まともなパフォーマンスが必要です

うまくいけば、誰かがこれをすばやく拾うのは簡単なようです。

他の人が同意する、これが決してできない理由がよく説明されている場合にも、私は賞金を授与します。

これが私が考えていることのサンプル画像です（しかし使用していますAlphaComposite）

元の質問

私は、Javaまたはhttp://weblogs.java.net/blog/campbell/archive/2006/07/で丸みを帯びた角の画像を作成する方法と非常によく似た、合成を使用して丸みを帯びた角を作成する方法を見つけようとしてきました。 java_2d_tricker.html。

ただし、中間のBufferedImageを使用しない場合の試行は機能しません。丸められた宛先コンポジットは、ソースに影響を与えないようです。私はさまざまなことを試しましたが、何も機能しません。丸みを帯びた赤い長方形を取得する必要がありますが、代わりに正方形を取得しています。

だから、私は本当に2つの質問があります：

1）これを機能させる方法はありますか？

2）中間イメージは実際により良いパフォーマンスを生成しますか？

SSCCE：

テストパネルTPanel

とそのサンドボックス

スレッド合成とは何ですか?

最近のポール アイリッシュ ポストでは、iOS のようなスクロールを生成する手段として言及されていました。

chrome about:flags を検索しましたが、Paul が言及しているものを見つけることができませんでした。要素がどのようにレンダリングされるかに関係があると思いますが、合成にプログラムで（JavaScriptで）取り組むことができるかどうか、またはどのように取り組むことができるかに興味があります。

さまざまなパラメーターに応じて色相、彩度、および値が変化する画像を作成するアプリに取り組んでいます。パフォーマンス上の理由から、色相、彩度、および値のコンポーネントを個別にレンダリングし、Photoshop スタイルのブレンド モード (乗算、オーバーレイ、スクリーン、色相など) を使用してそれらを合成することは理にかなっています。

RGB 画像に対してこれを行う方法は既に知っています。各チャンネルを、透明からそのチャンネルの色までの範囲の値を持つ独自の赤、緑、または青の画像に分割します。それらを黒の上に重ねてブレンド モードを [スクリーン] に設定すると、カラー イメージが完成します。

HSV値で定義された画像でこれを行うにはどうすればよいですか? 私のアプリは、他の 2 つを変更せずにこれらのチャネルの 1 つを変更することがよくあります。何かが変更されるたびにまったく新しい画像をレンダリングするのではなく、GPU で既存の画像を合成できれば、レンダリングが高速化されます。

次に例を示します。

この例では、色相は円周で 0 度から 360 度まで変化し、彩度は中心から端まで 0% から 100% まで変化し、明度 (V) は円周で 0% から 100% まで変化します。これは、私のアプリが作成する典型的な画像です。これらのチャネルを個別に作成し、数学的に完全な方法で合成するために使用できる一般的なブレンド モードの組み合わせはありますか?

GPU にクエリを実行して、Web ページのビューポートが現在画面に表示されているかどうかを確認する方法はありますか? たとえば、iframe のキャンバスに 3D シーンのレンダリングがある場合、ハードウェア (iframe 内で、ビューポート内のピクセルまたは頂点のみ) にクエリを実行して、画面上にいるか、画面外にスクロールしているかを確認する方法はありますか? ?

これが頂点シェーダーレベルでできることなのか気になります。WebGL はオフスクリーンのビューポートでもシェーダー プログラムを実行しますか? キャンバスの下にスクロールされているか、ビューポートが別の Web ページ ブラウザー ウィンドウによって遮られているとしましょう。webgl の合成部分にクエリを実行して、それが表示されているかどうかを確認したり、「RenderObject」ツリーを反復して画面上に表示されているかどうかをテストしたり、この値を返したりする方法はありますか? 作業中のプロジェクトのパフォーマンスを大幅に向上させようとしていますが、画面に表示されているものだけをレンダリングしようとしています。

考えられるアイデアはありますか？これは可能ですか？ありがとう！

基本的なハードウェア アクセラレーション ウィンドウ マネージャーを作成したいので、開始方法に関するドキュメントを探していましたが、古いバージョンの Clutter を使用しており、このチュートリアルを見つけることができませんでした。現在利用可能な任意のバージョンでビルドします。これを行う方法についての他の良いリソースはありますか、それとも、ソースを確認するための本当に必要最小限の WM 合成ですか?

SurfaceViews、mediarecorder、VideoView などを使用して、Android でビデオと画像に関する基本的な経験があります。しかし、私がやりたいのは、ビデオの複数のレイヤーを合成することです (通常、その背後にあるレイヤーを公開するアルファ チャネルを持つ最上位レイヤーを使用します)。バッファに保存し、結果を新しいビデオ ファイルに保存します。また、「スクリーン」、「乗算」、「オーバーレイ」などの合成機能を実行できると便利です。

これを行う方法はありますか？