在ThreeJS中画线

时间:2019-08-07 19:47:11

标签: three.js

我正在开发一个用户可以在其中绘制线条(带有或不带有箭头)的应用程序。与PowerPoint或SnagIt相似,但在3D平面上。”

基本上,我希望能够像附件中的草稿一样创建一些线型:

Line types draft

我看过粗线演示(https://threejs.org/examples/#webgl_lines_fat)。但是线条在缩放时似乎并没有改变宽度,并且它们没有透视。

还有这个第三方库THREE.MeshLine(https://github.com/spite/THREE.MeshLine),它具有一些不错的功能,甚至包括虚线动画,但是在尝试之前,我想看看ThreeJS可以自己做什么。 >

1)使用ThreeJS Line可以获取:

  • 大小和透视图根据相机的距离/缩放或角度而变化。
  • 虚线(也许是扩展了DashedLineMaterial?)。

2)也许除了THREE.MeshLine之外,还有一个我需要的图书馆吗?

1 个答案:

答案 0 :(得分:1)

MeshLine绝对是您想要的。 Three.js的代码行实现都是基于像素的,不能真正满足您的需求。 MeshLine写得很好,性能出色,我将其用于类似目的-可以很好地为您服务。