将“rayOrigin：鼠标”添加到 Aframe 光标组件引发错误

Question

我正在尝试在 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>

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

 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)

Answer 1

如果您希望鼠标像<a-cursor> 一样工作，您需要将cursor 位移动到<a-scene>：

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