a-frameナビゲーションバー、水平移動のみ

Question

私は知っておく必要があります、どのようにナビゲーションバーを事前に、ホームと次のボタンで作成します。

バーはカーソルの下にあり、水平にしてください。見下ろすときにボタンをクリックすることができます。

私は既に3つのボタンを持っていて、カーソルを移動しますが、水平方向に移動し、垂直方向に移動しないでください。

<a-assets> 

<a-mixin id="pre" geometry="primitive: circle; radius: 0.1" material="color:blue; opacity:0.2"></a-mixin> 
<a-mixin id="home" geometry="primitive: circle; radius: 0.1" material="color:green; opacity:0.2"></a-mixin> 
<a-mixin id="next" geometry="primitive: circle; radius: 0.1" material="color:#fe0000; opacity:0.2"></a-mixin> 

</a-assets> 

<a-entity camera look-controls> 
<a-cursor ></a-cursor> 
<a-entity mixin="pre" position="-0.2 -0.5 -2"></a-entity> 
<a-entity mixin="home" position="0.05 -0.5 -2"></a-entity> 
<a-entity mixin="next" position="0.3 -0.5 -2"></a-entity> 
</a-entity> 

あなたはカーソル内のエンティティを置くときあなたが所望の位置にそれをブロックするスクリプトを作成していない限り、それは、正確にカーソルのように移動しますあなたの

ステファン

Answer 1

に感謝します。
は、しかし、私の意見では、あなたがボタンから成るエンティティを作成する必要があります

<a-entity id="button_wrapper" position="0 0 -3" camera-check> 
    <a-entity mixin="pre" position="-0.2 -0.5 -2"></a-entity> 
    <a-entity mixin="home" position="0.05 -0.5 -2"></a-entity> 
    <a-entity mixin="next" position="0.3 -0.5 -2"></a-entity> 
</a-entity> 
<a-entity id = "camera" camera look-controls> 
    <a-cursor > 
    </a-cursor> 
</a-entity> 

このようにそれを有する、あなたは、オブジェクトを移動するときは、カメラの変更、または移動のいずれかのカメラでエンティティを移動するスクリプトを作成することができますそれはダニ（）：

作業フィドルhere。