通常のHTML/CSSウェブサイトとwebGL（ThreeJS）を組み合わせる

Question

私は現在、その前にHTML要素を持つウェブサイトの背景としてアニメーション画像を持っています。そのイメージをJSONジオメトリに置き換えても、ジオメトリの前に自分のhtml要素がありますか？

私はThreeJSでDOM要素を調べました（失敗しました）。私のJSONをdivに入れてCSSで制御しようとしていたのです。つまり、JSON/jsをCSSに "スタイル"または追加することは可能ですか？

助けることができる誰かに感謝！

Answer 1

はい、あなたはそれは、絶対にあなたのシーンが含まれている画面全体に伸ばし、その後、DOMであなたの残りの要素が追加されます紹介要素配置することができます：あなたはとしてそれを置く場合

.scene { 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100vh; 
    width: 100vw; 
} 

を体の最初の子である場合は、コンテンツの残りの部分がより高いz-indexを持つようにします。そうでない場合は、シーンにコンテンツを難読化しないように手動で値を要素に割り当てる必要があります。

シーン要素は画面サイズに合わせて調整されるので、ウィンドウのサイズが変更されたときには追跡して、コメント者の1人が指摘したようにシーンのサイズを更新する必要があります。