javascript - three.js 字体中的重复点

Question

我已经使用 Facetype.js 将 ttf 字体转换为 three.js 的 js 字体，但是我收到了一些重复的点错误，如下所示:

THREE.Shape: Duplicate point 41.52:10.928 THREE.ShapeUtils: Unable to triangulate polygon! in triangulate()

我该如何解决这些问题？

Answer 1

要么在进行三 Angular 测量之前从几何体中删除重复项，要么使用不同的三 Angular 测量库，例如 earcut.js。

Earcut 对几何定义中的缺陷不太敏感(例如重复点或相交边)。您可以使用我制作并在此处共享的适配器轻松使用不同的三 Angular 测量库 on GitHub .

只需下载依赖项并执行:

THREE.Triangulation.setLibrary( THREE.Triangulation.libraries.earcut );

切换到耳切后，您(很可能)还会获得一些性能提升。

---

注意: 只要您的几何图形看起来不错，您就不必担心这些错误消息，您也可以决定忽略它们。