Question

我正在尝试使用three.js构建一个Galaxy视图，除了一部分之外，它工作得非常好。当我点击一个球体时，该点并不总是正确的。这是我用于光线的代码：

mouseX = 2 * (c.pageX / SCREEN_WIDTH) - 1;
mouseY = 2 * -(c.pageY / SCREEN_HEIGHT) + 1;
c = new THREE.Vector3(mouseX, mouseY, 0.5);
c = projector.unprojectVector(c, camera);
ray = new THREE.Ray(camera.position, c.subSelf(camera.position).normalize());
c = ray.intersectObjects(scene.children);
0 < c.length && (sphere.id == c[0].object.id ? 1 < c.length && (i(c[1].object), debug(c[1].object.id), sphere.position = c[1].point) : (i(c[0].object), sphere.position = c[0].point))

如果物体离场景中心不远，则可行但是我不会让每个星球都靠近中心，这就是我遇到问题的地方。我离中心越远，误差就越大。

这是代码的简单工作版本
http://jsfiddle.net/PHKTL/

感谢任何帮助！

Answer 1

问题在于，因为你使用如此大的数字，而交叉码使用从0到1的数字，这会在计算中产生如此大的错误。

Three.js射线相交不正确

1 个答案: