A-フレーム構築シーン「内側キューブ」

Question

私は、ユーザーが「キューブの内側」で、側面にキャンバス画像が埋め込まれたA-フレームライブラリを使用して視覚化を作成したかっただけです。私はa面を使ってシーンを準備し始めました。それが私が達成したことです。 http://codepen.io/LuoXiahong/pen/LRNJNb

<a-scene> 
     <a-assets> 
     </a-assets> 
     <!-- Basic plane. --> 
     <a-plane color="#ff0000" height="2" width="2" position="0 0 0" rotation="-90 0 0"></a-plane> 
     <!-- Front--> 
     <a-plane color="#00ff00" height="2" width="2" position="0 1 -1" rotation="0 0 90"></a-plane> 
     <!--Back - does not display--> 
     <a-plane color="#0000ff" height="2" width="2" position="0 1 1" rotation="0 0 90"></a-plane> 
     <!-- Left--> 
     <a-plane color="#ffff00" height="2" width="2" position="-1 1 0" rotation="0 90 0"></a-plane> 
     <!-- Right--> 
     <a-plane color="#ff00ff" height="2" width="2" position="1 1 0" rotation="0 -90 0"></a-plane> 
     <!--Top plane - does not display --> 
     <a-plane color="#00ffff" height="2" width="2" position="0 2 0" rotation="-90 0 0"></a-plane> 
    </a-scene> 

私は私の立方体の上部と背面側の表示に問題があります。私を助けることができる人は誰ですか？

Answer 1

THREE.js（したがってAフレーム）のデフォルトでは、顔は片面または他面のみをレンダリングします。あなたのトッププレーンはちょうど間違った方向に回転しているので、上からしか見ることができません。回転を90 0 0に変更して修正するか、<a-plane />にside="back"またはside="double"を追加して、プレーンのどの辺が表示されるかを変更できます。詳細はhereです。