Javascript 在Three.js中使用TextGeometry.js

我想知道在three.js场景中如何使用three.js中extras文件夹中的TextGeometry.js。我试图在场景中添加文字。我找到了这个文件，不知道如何实现/使用它。以下是指向该文件的链接： 首先创建JSON字体

然后按如下方式加载：

var loader = new THREE.FontLoader();

loader.load("fonts/your_font.json", function(font) {

    var textGeo = new THREE.TextGeometry("This is a 3D text", {

        font: font,

        size: 50,
        height: 10,
        curveSegments: 12,

        bevelThickness: 1,
        bevelSize: 1,
        bevelEnabled: true

     });

    var textMat = new THREE.MeshLambertMaterial({color: 0xFF00FF});

    var textMesh = new THREE.Mesh(textGeo, textMat);

    scene.add(textMesh);

});

---

在完成所有这些操作后，我出现了这个错误：'FrontPageNeue.typeface.json:1未捕获的语法错误：意外标记：'这是我的字体文件：我下载了这个文件并将.otf文件转换为json。这是错的吗？我应该换一个文件吗？有很多错误。不过现在场景加载了！它们是：three.js:24569 XMLHttpRequest无法加载文件：Html/fonts/FrontPageNeue.json。跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https、chrome扩展资源。然后这个：TextGeometry.js:1 Uncaught SyntaxError:Unsaught token import然后这个：FrontPageNeue.json:1 Uncaught SyntaxError:Unsaught token:TextGeometry.js:1 Uncaught SyntaxError:Unsaugent token Importt查看关于跨源请求错误的问题。我尝试了你的示例，将其添加到本章末尾显示的HTML中，使用r81，但我什么也看不到。我用自己的字体尝试了这两种方法，然后是这种字体：我没有看到任何错误，我添加了一个console.log，这样我就知道字体正在加载。也许您可以扩展您的示例，使其完全可复制？只是为了更新：我让它工作了-您的

大小：50，高度：10

比我的场景的其余部分大得多。我想我的相机在里面，或者类似的东西。我还需要加一盏灯！github存储库中的字体和我自己的字体都可以使用。您可以在此处找到一些现成的字体：，并可以在此处看到它们可以使用：您使用的是什么版本？TextGeometry在r73中移出核心，然后在r74中重新移入。因此，除非使用r73，否则不需要显式引用您提到的文件。（事实上，它现在是一个断开的链接。）