为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

当年话下 2021-03-30 21:22:12
我希望我的光线投射器仅在按下我的Vive控制器的触发器时寻找交叉点。我想用对象中的伪类初始化raycaster,将其更改为真实的类.prop并收集intersectedElslet 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,但结果仍然相同。
查看完整描述

1 回答

?
达令说

TA贡献1821条经验 获得超6个赞

我建议使用raycaster.enabled属性而不是交换到虚拟类。

射线广播器每帧(或任何帧)检查一次相交raycaster.interval。向下触发时,启用光线投射器,但必须等到下一帧才能拾取相交点。

您可以通过手动调用相交检查,raycaster.checkIntersections()也可以setTimeout在检查之前运行。


查看完整回答
反对 回复 2021-04-08
  • 1 回答
  • 0 关注
  • 217 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信