在 Three.js 中使用 TextGeometry.js

Question

我想知道您如何在您的three.js 场景中使用three.js 中的extras 文件夹中的TextGeometry.js。我试图在我的场景中添加文本。我找到了这个文件，但不知道如何实现/使用它。这是该文件的链接： https://github.com/mrdoob/three.js/blob/master/src/extras/geometries/TextGeometry.js

Answer 1

首先创建一个JSON字体here。

然后像这样加载它：

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);

});