javascript - 如何从 THREE.TextGeometry 获取文本？

Question

我从 TextGeometry 创建了新的 Mesh 并将其插入网格数组:

var text3d = new THREE.TextGeometry( "Hello!", {
    font: "hevletiker"
});
text3d.computeBoundingBox();
var textMaterial = new THREE.MeshBasicMaterial({ color: 0xb0bca7, overdraw: true });
meshArray.push(new THREE.Mesh( text3d, textMaterial ));

所以，我的问题是:

1. 如何从 text3d 对象中获取原始文本？
2. 如何从 Mesh 对象(包含在 meshArray 中)获取相同的文本？

我在 documentation 中没有找到任何有用的信息.

Answer 1

THREE.TextGeometry 立即将文本转换为形状，并且不会在任何地方存储原始文本。之后就没有办法得到了。

您当然可以自由地将变量绑定(bind)到 text3d，就像 javascript 中的任何对象一样。

var mytext = "Hello!";
var text3d = new THREE.TextGeometry(mytext, {
    font: "hevletiker"
});
text3d.text = mytext; // storing this for later use...
text3d.computeBoundingBox();
var textMaterial = new THREE.MeshBasicMaterial({ color: 0xb0bca7, overdraw: true });
meshArray.push(new THREE.Mesh( text3d, textMaterial ));

如果这样做，您稍后可以使用 text3d.text 或使用 mesh.geometry.text 或 meshArray[xxx] 从网格中读取文本.geometry.text