Kinect カメラからの RGB と深度データを組み合わせた画像があります。
可能であれば、両方とも WebGL で次の 2 つのことを行いたいと思います。
どの WebGL JavaScript エンジンを調べる必要がありますか? 画像データを使用して 3D モデルを構築する同様の例はありますか?
（最初の質問です！）
Photoshop の 3D ツールを使用すると簡単であることがわかりました (3D > グレースケールからの新しいメッシュ): http://www.flickr.com/photos/forresto/5508400121/
あなたの問題を具体的に解決する WebGL フレームワークを認識していません。長方形の均一なグリッドから始めて、深さの値に応じて各頂点を背面または前面 (Z 軸) に移動して、深さデータを使用してグリッドを作成できる可能性があると思います。
これを取得したら、テクスチャ配列を生成する必要があります。flickr に投稿した画像から、深度画像とテクスチャの間に 1 対 1 のマッピングがあると推測できます。したがって、テクスチャ配列の生成は簡単です。テクスチャ上の対応する座標 (s,t) をそれぞれの頂点にマッピングするだけです。したがって、すべての頂点に対して、テクスチャ配列に 2 つの座標があります。次に、それをバインドします。
最後に、テクスチャを使用して画像に色を付けていることを確認する必要があります。これは 2 段階のプロセスです。
最初のステップ: テクスチャ座標を " attribute vec2" として頂点シェーダーに渡し、さまざまな vec2 に保存します。
2 番目のステップ: フラグメント シェーダーで、varying vec2ステップ 1 で作成した を読み取り、それを使用して を生成しgl_FragColorます。
お役に立てば幸いです。