更改启用或对象属性后，Aframe raycaster不会命中

Question

我希望我的光线投射器仅在按下我的Vive控制器的触发器时寻找交叉点。我想用对象中的伪类初始化raycaster，将其更改为真实的类.prop并收集intersectedEls

let rightHand = document.getElementById('rightController');

rightHand.setAttribute('line', 'color: purple; opacity: 1;');

rightHand.setAttribute('raycaster', { showLine: true, objects: '.none' });

rightHand.setAttribute('cursor', { downEvents: ['triggerdown'], upEvents: ['triggerup'], rayOrigin: 'entity', fuse: false });

let scene = document.getElementById('scene');

scene.addEventListener('triggerdown', this.myTriggerDown);

scene.addEventListener('triggerup', this.myTriggerUp);

myTriggerDown() {

    let rightHand = document.getElementById('rightController');

    rightHand.setAttribute('raycaster', { showLine: true, objects: '.prop' });

    rightHand.components['raycaster'].refreshObjects();

    let raycaster = rightHand.components['raycaster'];

    let intersectedEls = raycaster.intersectedEls;

    if (typeof intersectedEls !== 'undefined' && intersectedEls.length > 0) {

        scene.components['resize'].enableResize(intersectedEls[0]);

    } else {

        console.log('1234 no intersections')

    }

}

myTriggerUp() {

   let rightHand = document.getElementById('rightController');

   rightHand.setAttribute('raycaster', { showLine: true, objects: '.none' });

}

不幸的是，我一直收到console.log('1234 no intersections')消息。

我尝试添加refreshObjects()没有效果的行。我尝试切换enabled属性而不是更改objects，但结果仍然相同。

Answer 1

我建议使用raycaster.enabled属性而不是交换到虚拟类。射线广播器每帧（或任何帧）检查一次相交raycaster.interval。向下触发时，启用光线投射器，但必须等到下一帧才能拾取相交点。您可以通过手动调用相交检查，raycaster.checkIntersections()也可以setTimeout在检查之前运行。