Three.js 中的文本几何

我在 Three.js r74 中的 TextGeometry 遇到一些问题。

我该如何正确实施？

这是我的代码笔：

codepen.io/cheesyeyes/pen/eJqZxK

提前致谢！

好吧，对于每个正在寻找简单答案而不是链接和其他超载示例的链接的人：

字体必须首先使用三个 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 );

});