Aframe 落下事件中的帧火焰光线投射器
我试图从React UI将一个对象放入3D场景 我可以捕获放置数据/位置等,我现在尝试在光线投射器中使用它来确定放置到哪个3D实体上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
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(..);
确保你在房间里