创建文字（Creating text）

有时候，您可能需要在你的Three.js应用程序中使用到文本，这里有几种方法可以做到。

DOM + CSS

使用HTML通常是最简单、最快速的添加文本的方法，这是大多数的Three.js示例中用于添加描述性叠加文字的方法。

你可以在这里添加内容

<div id="info">Description</div>

然后使用CSS来将其绝对定位在其它具有z-index的元素之上，尤其是当你全屏运行three.js的时候。

#info {
    position: absolute;
    top: 10px;
    width: 100%;
    text-align: center;
    z-index: 100;
    display:block;
}

如果你希望在three.js的场景中的平面上轻松地绘制文本，请使用此方法。

如果你更喜欢使用3D建模软件来工作并导出模型到three.js，请使用这种方法。

如果你更喜欢使用纯three.js来工作，或者创建能够由程序改变的、动态的3D文字，你可以创建一个其几何体为THREE.TextGeometry的实例的网格：

new THREE.TextGeometry( text, parameters );

然而，为了使得它能够工作，你的TextGeometry需要在其“font”参数上设置一个THREE.Font的实例。

WebGL / geometry / text
canvas / geometry / text
WebGL / shadowmap

这是一个在blender上运行的python脚本，能够让你将文字导出为Three.js的JSON格式。

BMFonts (位图字体) 可以将字形批处理为单个BufferGeometry。

BMFont的渲染支持自动换行、字母间距、字句调整、signed distance fields with standard derivatives、multi-channel signed distance fields、多纹理字体等特性。

现有库存的字体在项目中同样可用，就像A-Frame Fonts一样，或者你也可以从任何TTF字体中创建你自己的字体，优化时，只需要包含项目中所需的字符即可。