文字形状（TextGeometry）可以用来创建三维的文字形状。

下载使用

使用文字形状需要下载和引用额外的字体库，具体参见Three.js GitHub说明。

这里，我们以 helvetiker字体为例。我们在Three.js GitHub master/examples/fonts目录下，下载helvetiker_regular.typeface.json文件放在你的目录下，然后用以下方法加载：

var loader = new THREE.FontLoader();
loader.load('../lib/helvetiker_regular.typeface.json', function(font) {
    var mesh = new THREE.Mesh(new THREE.TextGeometry('Hello', {
        font: font,
        size: 1,
        height: 1
    }), material);
    scene.add(mesh);

    // render
    renderer.render(scene, camera);
});

参数介绍

创建文字形状的流程和之前介绍的基本几何形状是类似的，其构造函数是：

THREE.TextGeometry(text, parameters)

其中，text是文字字符串，parameters是以下参数组成的对象：

• size：字号大小，一般为大写字母的高度
• height：文字的厚度
• curveSegments：弧线分段数，使得文字的曲线更加光滑
• font：字体，默认是'helvetiker'，需对应引用的字体文件
• weight：值为'normal'或'bold'，表示是否加粗
• style：值为'normal'或'italics'，表示是否斜体
• bevelEnabled：布尔值，是否使用倒角，意为在边缘处斜切
• bevelThickness：倒角厚度
• bevelSize：倒角宽度

实例说明

例3.2.1

创建一个三维文字：new THREE.TextGeometry('Hello', {size: 1, height: 1})，其效果为：

改变材质和光照之后就能达到这样的效果：