threejs如何拾取sprite

[4525]

threejs如何拾取sprite，想鼠标操作sprite

[m0_62165332]

@RaymondLam00 将精灵那一部分从场景中移除

[RaymondLam00]

@Leon-Amazing 哥，我也遇到这个问题，你解决了吗？

[Leon-Amazing]

@聪明的飞机 哥，我也遇到了这个问题，你解决了吗？

[聪明的飞机]

请问我的场景加入精灵后，使用射线报错是什么原因？不管在场景哪个位置双击使用射线都会报错：THREE.Sprite: "Raycaster.camera" needs to be set in order to raycast against sprites.

[O起个大早听鸟叫O]

大佬，你的问题解决了吗，如果解决，可否告诉下解决方法

[A奶糖001]

@霍庆祝 请教一下怎么设置

[霍庆祝]

设置一下相机就行了 raycaster.camera=this.camera

[霍庆祝]

addEventListener("click", (event: { clientX: number; clientY: number; }) => { console.log(event.clientX,event.clientY); // 拿到鼠标在屏幕的坐标 let mouseX = event.clientX;//鼠标单击位置横坐标 let mouseY = event.clientY;//鼠标单击位置纵坐标 const rect=this.container?.getBoundingClientRect();//拿到div相对屏幕坐标的偏移量 //屏幕坐标转标准设备坐标 const x = ((mouseX - rect!.left) / this.container.clientWidth) * 2 - 1; const y = - ((mouseY - rect!.top) / this.container.clientHeight) * 2 + 1; let standardVector = new THREE.Vector3(x, y);//标准设备坐标 //标准设备坐标转世界坐标 let worldVector = standardVector.unproject(this.camera); //射线投射方向单位向量(worldVector坐标减相机位置坐标) let ray = worldVector.sub(this.camera.position).normalize(); //创建射线投射器对象 let raycaster = new THREE.Raycaster(this.camera.position, ray);//光线投射的起点向量。 光线投射的方向向量，应该是被归一化的。 raycaster.camera=this.camera//设置一下相机 //返回射线选中的对象 let intersects:any = raycaster.intersectObjects(this.scene.children); console.log(intersects); // if (intersects.length > 0) { // intersects[0].object.material.color.set(randomColor()) // } });