代码之家 › 专栏 › 技术社区 › nickponline

如何在three.js中绘制从3d到2d的线段?

three.js

nickponline · 技术社区 · 7 年前

我正在尝试从一个三维场景的点到一个HUD用户界面的点绘制一个线段。线段的一端在3D中指定,例如(1.232,-34.12,4.21),而另一端在二维像素坐标中指定,例如(320,200)。

如何将二维坐标转换为三维点,并在相机(透视)移动时保持这些像素坐标?最初,我考虑采用二维位置并将其投射到近视截锥上,也许这是可行的,但不确定该怎么做,或者是否有更好的方法?

1 回复 | 直到 7 年前

gaitat 7 年前

var vector = new THREE.Vector3(320, 200, 0.5);
vector.unproject(camera);

将返回 vector 可用于绘制的三维点。如果在透视相机移动时不进行投影,则可以保证二维点不会在HUD中移动。

推荐文章

5rod · 如何在three_js(Flutter)中设置缓冲区几何属性?

11 月前

TheBeginner · 三个JS锥体在globe.gl中未显示为标记

1 年前

Mandroid · 类型错误:三。BufferAttribute:数组应该是类型化数组

1 年前

jamfury · 从集合中获取纹理

1 年前

Voy Hexag · 边几何体-从不位于原点的网格中绘制边界边

1 年前

Slaven Soldo · Three.js中只提取复杂缓冲几何体的外边缘

1 年前

Chiara Ani · 对象属于类并且在typescript中具有属性?

1 年前

Pilves · ThreeJS Div跟随鼠标

1 年前

liminalFrog · three.js-OrbitControls阻尼在鼠标按下时有效,但在鼠标停止移动时没有阻尼

2 年前

David Lin · 使用useRef钩子的React Fiber Mesh元素,“ref.current”可能是“未定义的”

2 年前