2017-03-23 23 views
0

私はレイキャスターで作業しようとしますが、私はそれを動作させることはできません(私のコンソールには何も表示されません)。私はアル可能な方向に歩くようにしようとすると、何も私のコンソールに示していないのJavascriptファイルaframe raycasterがブラウザに登録されていません

AFRAME.registerComponent('collider-check', { 
dependencies: ['raycaster'], 
init: function() { 
     this.el.addEventListener('raycaster-intersected', function() { 
    console.log('Player hit something!'); 
    }); 
    } 
}); 

index.htmlを

<a-scene> 
<a-entity id="player" collider-check> 
    <a-entity raycaster="objects: .collidable" position="0 -0.9 0" rotation="90 0 0"></a-entity> 
</a-entity> 
<a-entity class="collidable" geometry="primitive: box" position="1 0 0"></a-entity> 
</a-scene> 

https://aframe.io/docs/0.5.0/components/raycaster.html

:私は、上の例を試してみました。 xamppサーバーのGoogle Chromeでコードを実行します。

誰かが私に説明してくれることを願っています。

+0

コンソールに警告がありますか?ものを順番に入れましたか? (AフレームJS、コンポーネントJS、次に)。 – ngokevin

+0

申し訳ありませんが、私はフォローすることができますが、どのcomponent.jsを指定することはできますか?私はそれを見逃しましたか? – user3464409

+0

あなたのJSは上に貼り付けた – ngokevin

答えて

0

この構造を試してください。コンポーネントがAフレームHTMLの前に登録されていることを確認してください。

<html> 
    <head> 
    <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script> 
    <script src="collider-check.js"></script> 
    </head> 
    <body> 
    <a-scene> 
     <a-entity collider-check></a-entity> 
    </a-scene> 
    </body> 
</html> 
+0

この日付までこの質問は答えられません。 Aframeのドキュメントの例はちょうどうまくいきませんか? – user3464409

関連する問題