2012-10-05 6 views
7

現在、Canvasのビデオストリームを3Dメッシュに変換するライブラリがJavaScriptにありますか?キャンバス上のビデオを3Dメッシュに変換するための適切な開始点

たとえば、カメラをカップに向けて、元の画像を新しいデータと比較して、ビュー内のオブジェクトのエッジアウトラインを生成し、理想的には最も単純なポリゴンセットに変換して表示することです計算されたポリゴン/モデルは第2のキャンバス要素に格納されます。

オブジェクトファイルからキャンバスにレンダリングする3d javascriptでmrdoobの優れた作業を見たことがありますが、生データをキャプチャしてメッシュを生成しようとしています。カメラビュー内に現在キャプチャされているオブジェクトのソケットを介して2人のユーザー間でメッシュポイントを送信することです。

助けてください。

+1

OBJ-ファイルが既に3Dの頂点情報を持って、このアプローチを参照してください。それはキャンバス上に表示するのがとても簡単です。 2Dビデオから3Dメッシュを生成したいですか?あなたはどのようにオブジェクトの他のオブジェクト側の深さ情報/情報を取得するつもりですか? - 画像処理でオブジェクトのアウトラインを取得することは可能ですが、2D情報のみが得られます。 – Smamatti

+0

ビデオトレースと呼ばれる興味深いアプリケーションがあります。これは、オブジェクトの輪郭線を入力する必要がありますが、リアルタイムではありませんが、補間エッジで非常に巧妙ですが、同様に、ジェスチャ追跡のエッジ検出を行うkinectのアプリケーションがあります。フレームを比較して多数のフレームの間に境界およびジオメトリを識別できるアプリケーションは、特定の消失ラインが検出されるか、関連するポイントのセットの動きが別のものと異なる場合、3D座標につながる可能性があります。どのように私のために多くのことを学ぶ – MyStream

答えて

3

それは非常に複雑な問題です。ほとんどのアルゴリズムでは、2D情報を認識して3Dオブジェクトに処理するために2つの画像(ステレオビジョンシステム)が必要です。ウェブカメラでこれを行い、Javascriptでサポートされているのはかなり挑戦です:)

基本的には、コンピュータの視覚技術(エッジ検出、フィルタリング、3Dから2Dマッピングなど)を組み合わせなければならないと思います。ここで

は役に立つかもしれないいくつかの情報である

Javascriptのためのコンピュータビジョンライブラリ - https://github.com/alex-m/seevee.js/wiki(ポート良く知られているOpenCVの機能の一部) - ウェブカメラの画像、3D処理を得るために役立つことができ、など

軽量3Dライブラリ - https://github.com/mrdoob/three.js/

http://www.eng.cam.ac.uk/news/stories/2009/3D_models/

6

これはライブラリではありませんが、ここでは探している技術のデモンストレーションがあります。

Webcam Mesh

+0

こんにちは@eighteyes、3次元のレンダリングのコンセプトにビジュアルを壊すためのWebカメラのメッシュは素晴らしいです。私はそれを実行するように見えることはできません。 Chromeはバージョン22で死んで、この例にアクセスして実行します。しかし、それはキャプチャの一部に過ぎず、どのメッシュが作成されているか、ピクセルの明るさだけを使って3Dオブジェクトにマップされているかどうかはわかりません。私も完全な解決策を探しているので、まだ賞金を授与することはできません。しかし、私は人々にそれをチェックすることをお勧めします!それはとても賢いようです - ありがとう! – MyStream

+0

賞金はここで授与されましたが、問題は完全に解決されていませんでしたので、上記の質問と回答を求める人は実際には要件と一致しないため、回答を弾みと一致させることは不可能ですが、人々は興味のためにそれをチェックアウトする必要があります。 – MyStream

関連する問題