带有虚线隐藏线的Threejs线框STL显示

Question

我有一些基本的模型，它们最初是用SolidWorks绘制的，然后保存为STL文件。我正在试着为学生们整理一些测试题，这些测试题涉及到从不同角度显示的非常基本的形状，看看他们是否能猜出像这样的缺失角度中物体的形状。

然后在他们猜测之后，我会在3D中揭示物体的真实形状。以下是我目前正在使用的模型的一个示例：

Working JSFiddle https://jsfiddle.net/ajhalls/5gLeb5vk/

正如你所看到的，在线框中有一堆不应该存在的曲面三角剖分的“额外”线，这在实体视图中并不是什么问题，但我需要生成上面看到的单独的线框类型视图，隐藏线像底部的例子一样被虚线。

我试着在搅拌器中使用溶线清理模型，在草图中我试着使用Clean3插件，但任何时候我让它去掉多余的线，它就会扭曲形状。

在另一个项目中，我一直在玩Three.js，所以我想也许我可以这样做，我在上面看到了一些有趣的帖子，比如：three.js wireframe only shape with hidden edges as dashed lines

他似乎在尝试做同样的事情，但我没有看到他使用STL，实际上我不确定他的“答案”是什么意思，因为我不确定他试图添加的是什么对象，也不确定它是否来自相同的来源，但应用了不同的过滤器，或者是否他正在删除面部并在一个文件中留下点，然后在另一个文件中相反，然后在相同的位置分别包含它们。

在这个例子中：http://jsfiddle.net/car3v/4/他做了一些很酷的工作，但使用的是点数组而不是STL，我不确定它是否真的适用，除非我可以将STL转换为点，而不是他有正确的最终结果类型。

我不确定下一步该尝试什么。我唯一能想到的就是将Sketchup中的视图导出为JPG，将其导入Adobe Illustrator，手动跟踪并删除原始视图，但似乎应该有一种更好的方法来导出带隐藏线的正交视图，或者清理STL以删除所有额外的数据点。

code to satisfy the requirement since I have a jsfiddle link

Answer 1

你有没有检查过STL.var wire = new THREE.EdgesHelper(mesh,0xff00ff);scene.add(wire); // mesh定义你的STL网格添加到场景后检查这段代码