Three.js在屏幕边缘找到2d投影的位置

时间:2017-01-18 09:02:04

标签: javascript three.js html5-canvas

我使用此答案的代码在three.js中找到3d对象的屏幕位置:

Converting 3D position to 2d screen position [r69!]

我从场景中的3d对象位置到屏幕上的2d点绘制了2d线。有时候3d对象位于视口之外。在这种情况下,我想画一条线从屏幕上的2d点到边缘朝向未看到的物体,但我希望它在正确的角度和正确的位置准确。

有人有什么建议吗?

1 个答案:

答案 0 :(得分:1)

您可以使用$urlp = '/website/'; include 'phpclass.php'; $url = new thisurl($urlp); if(!$url->segment(1))$page = 'home'; else $page = $url->segment(1); Switch ($page) { case 'home': //include 'page/homepage.php'; echo "Home"; break; case 'about': echo "About"; break; default: echo "Page not found!"; break; } 对象材料的THREE.Raycaster().depthTest = false属性来执行“技巧”。

THREE.Line()

它为我们提供了一个距离相机不远(1个单位)的点,您可以从中设置线的起点到您的对象。

raycaster.setFromCamera(mouse, camera);
raycaster.ray.at(1, dummyObject.position);

该行始终可见,并且不能被其他对象隐藏。

jsfiddle示例。您可以使用缩放和旋转使链接到红点的对象从视口中传出,红色链接线将成直角。