将 3D 文本减去 [=10th=] 中的几何图形

Question

我想将我的 3D 文本转换为几何图形，以便我可以将它与 CSG 一起使用（我还使用了 Three.js CSG 包装器）以从另一个对象中减去它，例如 this question.

我的 3D 文字：

loader.load('optimer_regular.typeface.json', function (font){
    var text = new THREE.TextGeometry('Tayst', {
        font: font,
        size: 4,
        height: 3
    });
    var textMat = new THREE.MeshBasicMaterial({color: 0xffffff});
    var textGeo = new THREE.Mesh(text, textMat);
    textGeo.position.x = -7;
    textGeo.position.z = 6;
    scene.add(textGeo);
});

我想为 3D 文本做的减法（但这里是来自圆圈）：

var dots = new THREE.Geometry();
    for(var i = 0; i < coordinates.length; i++){
        var coords  = coordinates[i];

        sphereMesh.position.x   = coords[0];
        sphereMesh.position.y   = coords[1];
        sphereMesh.position.z   = coords[2];

        sphereMesh.updateMatrix();
        dots.merge(sphereMesh.geometry, sphereMesh.matrix);
    }

var sphereCsg = THREE.CSG.toCSG(dots);

var resultGeo = THREE.CSG.fromCSG(resultCsg.subtract(sphereCsg));

cube = new THREE.Mesh(resultGeo, material);

但问题是，我想，我需要将我的文本转换为真正的几何图形，以便我可以减去它？

Answer 1

嗯，我发现使用我已经得到的库，但是我不必做 "merge" 例如。

这是工作代码（以防有人需要）：

var loader = new THREE.FontLoader();
loader.load('helvetiker_regular.typeface.json', function (font){
    var text = new THREE.TextGeometry('Test', {
        font: font,
        size: 4,
        height: 0.5
    });
    var textGeo = new THREE.Mesh(text);
    textGeo.position.x = -5;
    textGeo.position.z = 7.5;

    var txtCsg = THREE.CSG.toCSG(textGeo);

    var resultGeo = THREE.CSG.fromCSG(resultCsg.subtract(txtCsg));

    cube = new THREE.Mesh(resultGeo, material);
    scene.add(cube);
});

将 3D 文本减去 [=10th=] 中的几何图形

Substract 3D text to a Geometry in Three.js

javascript

3d

csg

three.js