A-Frameマウスの残量がカーソルの色を変更しない

Question

私は、コラージュモデルの正しい領域をクリックして質問に答えなければならないアプリを持っています - 2つのオプションがあり、カーソルが青色に変わります（マウスはシリンダーに入り、visible = falseです）。

マウスは青色になりますが、マウスがシリンダーを離れると、カーソルの色は黒に戻りますが、青色のままです。

ご協力いただきありがとうございます。

<a-cursor id="myCursor" color="black"></a-cursor> 

<a-entity id='questionA' geometry="primitive: cylinder; height: .01; radius: 2.5" material="color:green; opacity: 1" correctAnswer > </a-entity> 

var cursorVar = document.getElementById('myCursor'); 
var questionVar = document.getElementById('questionA'); 

questionVar.addEventListener('mouseenter', function() { 
       cursorVar.setAttribute('color', 'blue'); 
      }); 
questionVar.addEventListener('mouseleave', function() { 
       cursorVar.setAttribute('color', 'black'); 
      }); 

Answer 1

カーソル側もイベントを送出します。回避策として、カーソルからのイベントを聴いてみてください。

cursorEl.addEventListener('mouseleave'); 

明日解放するべきである0.3.0または2日間では、カーソル、raycaster、およびCOLLADAモデルに対するレイキャスティングに改善されました。これには、上の回避策で理想的と思われるレイキャスターのテストを制限する機能が含まれます。

あなたのバグにはいくつかの要因がありますが、0.3.0が出ていれば、何が起きているのかをより明確に伝えることができます。

Answer 2

this CodePenは期待どおりに機能しますか？

私はあなたのコードを見て問題を見ることができません（多分カーソルプリミティブと関係がある）。レイキャスティングは、（少なくとも0.2.0で）ビット不正確思わない、前記

<!-- Camera with gaze cursor --> 
    <a-entity position="0 1.8 5"> 
     <a-entity camera look-controls wasd-controls> 
      <a-entity cursor 
        geometry="primitive: ring; radiusOuter: 0.025; 
          radiusInner: 0.015; segmentsTheta: 32" 
        material="color: #283644; shader: flat" 
        raycaster="far: 30" 
        position="0 0 -0.75" 
        id='cursor'> 
      </a-entity> 
     </a-entity> 
    </a-entity> 

：を有するプリミティブを手動で上方CodePenリンクで使用されるものを定義してカーソルを交換してください。