現在、Canvasのビデオストリームを3Dメッシュに変換するためのJavaScriptのライブラリはありますか？
状況の例は、カメラをカップに向けて生の画像をキャプチャし、以前のデータを新しいデータと比較して、ビュー内のオブジェクトのエッジアウトラインを生成し、理想的にはそれを最も単純なポリゴンセットに変換し、計算されたポリゴンを表示することです。 2番目のキャンバス要素のモデル。
オブジェクトファイルからキャンバスでのレンダリングに移行する3DJavaScriptに関するmrdoobの優れた作業を見てきましたが、生データをキャプチャしてメッシュを生成しようとしています。目的は、キャプチャされたカメラビュー内に現在あるオブジェクトのソケットを介して2人のユーザー間でメッシュポイントを送信することです。
助けていただければ幸いです。
これはライブラリではありませんが、探しているテクニックを正確に示すデモンストレーションです。
かなり複雑な問題です。ほとんどのアルゴリズムでは、2D 情報を認識して 3D オブジェクトに変換するために、2 つの画像 (ステレオ ビジョン システム) が必要です。これを Web カメラで行い、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/