Three.js将多边形线条(Line)转换成模型(Mesh)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Three.js将多边形线条(Line)转换成模型(Mesh)相关的知识,希望对你有一定的参考价值。

参考技术A 当一个国家由多边形轮廓组合而成时,我们如何将它转换成三角面模型呢?

对点击进行三角剖分后我们发现多边形轮廓外面也进行了三角剖分,显然这不是我们想要的。
接下来我们需要使用point-in-polygon库(判断点是否在多边形内)来去除轮廓外的三角面。
1、求出外面三角面的重心
2、使用point-in-polygon判断重心是否在轮廓内。
3、重置顶点索引

将多边形轮廓转换成mesh后可以使用射线进行拾取操作。

以上是关于Three.js将多边形线条(Line)转换成模型(Mesh)的主要内容,如果未能解决你的问题,请参考以下文章

three.js 路径导航

THREE.js:将网格划分为零件

在three.js中将带孔的SVG路径转换为挤压形状

将 three.js 模型转换为 svg

Three.js教程:点线网格模型介绍

如何为three.js模型加载器将对象转换为json文件