three.js - Three.js 中的 TextGeometry

Question

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

我如何正确实现它？

这是我的 Codepen:

codepen.io/cheesyeyes/pen/eJqZxK

提前致谢!

Answer 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 );

});