添加'rayOrigin:mouse'到Aframe游标组件抛出错误

时间:2017-12-04 10:34:58

标签: aframe

我试图将鼠标点击功能包括在除焦点光标之外的VR场景中。我正在使用它如下 -

 <a-entity camera look-controls mouse-cursor>
    <a-entity position="0 0 -3" scale="0.2 0.2 0.2" geometry="primitive: ring; radiusOuter: 0.20;radiusInner: 0.10;" material="color: #990000; shader: flat" cursor=" fuse: true; rayOrigin: mouse">

    </a-entity>
</a-entity>

以下是使用此代码时的错误。请注意,我正在使用带有Angular2的Afrmae

 ERROR TypeError: Cannot read property 'count' of undefined
at Mesh.raycast (aframe-master.js:21938)
at intersectObject (aframe-master.js:45999)
at Raycaster.intersectObjects (aframe-master.js:46072)
at NewComponent.module.exports.Component.registerComponent.tick (aframe-master.js:69697)
at HTMLElement.value (aframe-master.js:76597)
at HTMLElement.value (aframe-master.js:76645)
at bound (aframe-master.js:79931)
at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:425)
at Object.onInvokeTask (core.es5.js:3881)
at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:424)

1 个答案:

答案 0 :(得分:1)

如果您希望鼠标的行为类似于<a-cursor>您需要将cursor位移至<a-scene>

<a-scene cursor="rayOrigin:mouse">