現在、非常に単純な建物を作成するための Web 構成ツールを作成しています。ビルの 4 つの壁をドラッグ アンド ドロップで配置し、結果を 3D で表示できるレイアウト エディタを作成しました。レイアウト エディターはシンプルな 2D キャンバスで、3D は WebGL で処理されます。以前に作成した 2D レイアウトとデフォルトの高さから 3D メッシュを作成します。
ここで、さらに一歩進んで、窓とドアを追加する機能を提供したいと思います。したがって、ドラッグアンドドロップで（壁ごとに）追加および移動できる2Dキャンバスも使用したいと思います。それでは、3D モデルでの結果をもう一度お見せしたいと思います。ドアや窓がメッシュの実際の部分である必要はありません。モデルに正しく配置されたテクスチャだけで十分です。
基本モデルにはすでに石膏の質感があります。その「ベース」テクスチャの上にドアと窓の画像を配置したいと思います (画像を参照)。WebGL でそれを達成するための最良の方法は何でしょうか? この場合、通常のテクスチャリングの概念が適用されないため、実際に開始する方法がわかりません。
これが 3D モデルの現在の状態です。
これは、ウィンドウを追加した後の外観です (もちろん、実際のウィンドウ テクスチャを使用)。
前もって感謝します！