2017-04-25 16 views
0

私はカメラのモーションコールバック関数を持っています。しかし、コールバックは決して呼び出されません。私はこのようなコンポーネントを登録しています:Aframeコールバックが呼び出されていません

window.onload = function() { 
    AFRAME.registerComponent('listener', { 
    tick: function() { 
     console.log("TICK IS CALLED"); 
    } 
    }); 
    addMaze(); 
}; 

とシーンは次のようになります。

<body> 
    <a-scene physics id="a"> 
<a-entity position="33 0 -33" rotation="0 180 0" id="camera" camera="userHeight: 1.6" kinematic-body universal-controls listener> 
</a-entity> 

<!-- walls --> 
<a-box color="#abc" static-body position="-35 0 0" width="0.001" height="6" depth="70"></a-box> 
<a-box color="#abc" static-body position="35 0 0" width="0.001" height="6" depth="70"></a-box> 

<!-- Lighting --> 
<a-light type="ambient" color="#bbb"></a-light> 
<a-light color="#ccc" position="0 30 0" distance="100" intensity="0.4" type="point"></a-light> 
<a-light color="#ccc" position="3 10 -10" distance="50" intensity="0.4" type="point"></a-light> 

</a-scene> 
</body> 

マウスを移動すると、コールバックが呼び出されることはありません。正しく呼び出されるようにするにはどうすればよいですか?

答えて

1

コンポーネントは何かが起こる前に登録する必要があります。

<head> 
    <script> 
    AFRAME.registerComponent('listener', {...}); 
    </script> 
</head> 
<body> 
    <a-scene> 
    <!-- ... --> 
    </a-scene> 
</body> 
関連する問題