Three.js 中的 TextGeometry答案

【问题标题】：TextGeometry in Three.jsThree.js 中的 TextGeometry
【发布时间】：2016-02-23 23:03:32
【问题描述】：

Three.js r74 中的 TextGeometry 有一些问题..

如何正确实现？

这是我的 Codepen：

codepen.io/cheesyeyes/pen/eJqZxK

提前致谢！

【问题讨论】：

见threejs.org/examples/webgl_geometry_text.html
这里是另一个例子。 threejs.org/examples/webgl_shadowmap.html

标签： three.js geometry

【解决方案1】：

好的，对于所有正在寻找简单答案而不是链接和链接到其他重载示例的人：

字体要先用三个js FontLoader加载：

var loader = new THREE.FontLoader();
loader.load( 'fonts/fontname.js', function ( font ) {

  var textGeometry = new THREE.TextGeometry( "text", {

    font: font,

    size: 50,
    height: 10,
    curveSegments: 12,

    bevelThickness: 1,
    bevelSize: 1,
    bevelEnabled: true

  });

  var textMaterial = new THREE.MeshPhongMaterial( 
    { color: 0xff0000, specular: 0xffffff }
  );

  var mesh = new THREE.Mesh( textGeometry, textMaterial );

  scene.add( mesh );

});

【讨论】：

THREE.FontLoader 不是构造函数
我也收到“不是构造函数”错误，修订版 80。
我不知道 rev 80 中发生了什么，但在 81 中，它绝对是核心的一部分，不能单独加载。所以它一定在那里？
FontLoader 是 r74 以来核心的一部分
是否可以在 textgeometry 中添加字母间距

【解决方案2】：

我还要补充一点，您可以通过TypeFace.js 将任何现有的 OTF 或 TTF 字体转换为 JSON 或 JS 字体，这是 FontLoader 能够加载它所必需的。

【讨论】：