问题
我是想相交的到点以后,直接塞入对应交到的物体里用一个SphereGeometry显示(不测量的时候,寻找其父元素移除)。
进行一番操作以后,发现显示的位置始终不对。
经过一段时间的思考,发现使用intersects[0].object.worldToLocal()反而正确了。
解决
射线交得的就是世界坐标为什么反而要从世界坐标转化成本地坐标了呢?
因为我塞入了其object容器内,自然也就应用上了他的转换矩阵。那么原本正确的世界坐标就会变转换,反而将其转换成原本的本地坐标才正确(自然的应用容器的转换矩阵)。
js
if (this.isMeasuring) {
//交物体
const intersects = this.getIntersectionsForMeature(event);
if (intersects.length > 0) {
console.log("看看交了啥",intersects)
const marker = new THREE.Mesh(
new THREE.SphereGeometry(0.1, 10, 20),
new THREE.MeshBasicMaterial({
color: 0xff5555,
transparent: true,
opacity: 0.5,
})
);
marker.position.copy(intersects[0].object.worldToLocal(intersects[0].point))
marker.name = `${this.measureLinePoints.length+1}`
intersects[0].object.add(marker);
this.measureLinePoints.push(marker);
console.log("看一下存的点",this.measureLinePoints)
}