最初の問題は奇妙に見えるかもしれないので、説明のために例を使用しようとします:
基本的に私が欲しいのは大きなテーブル (コンテキスト 2d) で、その上にいくつかのトレイ (コンテキスト 3d ウィンドウ) があり、トレイにはティーポットとカップ (3D コンテンツ) が存在します。
コードは次のようになります。
<canvas context="2d">
<canvas context="3d" id="tray1">
<model id="teapot1" />
<model id="cup1" />
</canvas>
<canvas context="3d" id="tray2">
<model id="teapot2" />
<model id="cup2" />
<canvas context="3d">
</canvas>
そう、
(1) テーブルは固定されており、移動できません。
(2) ユーザーはトレイを簡単に「移動」し、所属するトレイ内でティーポットを「移動」または「周回」できます。もちろんトレーとトレーを重ねることはできません。
このコンセプトは現在 HTML5 で実行可能ですか?
私の比喩が十分に明確であることを願っています。
ありがとう。