Aframe 落下事件中的帧火焰光线投射器

Aframe 落下事件中的帧火焰光线投射器,aframe,Aframe,我试图从React UI将一个对象放入3D场景 我可以捕获放置数据/位置等,我现在尝试在光线投射器中使用它来确定放置到哪个3D实体上 const handleDragStop = (e) => { console.log(e) const scene = document.getElementById('scene'); const raycaster:any = scene.getAttribute("raycaster"); const camera

我试图从React UI将一个对象放入3D场景

我可以捕获放置数据/位置等,我现在尝试在光线投射器中使用它来确定放置到哪个3D实体上

const handleDragStop = (e) => {
    console.log(e)

    const scene = document.getElementById('scene');
    const raycaster:any = scene.getAttribute("raycaster");
    const camera = AFRAME.scenes[0].camera;

    console.log(raycaster)
    console.log(AFRAME.scenes[0])

    const mouse = new window.THREE.Vector2();
    mouse.x = ( e.clientX / window.innerWidth ) * 2 - 1;
    mouse.y = - ( e.clientY / window.innerHeight ) * 2 + 1;
    raycaster.setFromCamera( mouse, camera );
    var intersects = raycaster.intersectObjects( scene.children );
    console.log(intersects)
};
RayCaster的Aframe版本似乎没有RayCaster.setFromCamera()函数,它不被识别为函数

如何从掉落事件中发射光线投射器

编辑

我可以和一个新的Raycaster一起工作

const raycaster = new window.THREE.Raycaster();
新的问题是,如何让这个光线投射器使用与现有对象相同的对象


感谢

要访问三个光线投射器,您必须对具有光线投射器组件的实体执行以下操作:

entityEl.components.raycaster.raycaster.setFromCamera(..);
确保你在房间里