TextGeometry in Three.js

问题

I am having some problems with the TextGeometry in Three.js r74..

How do I implement it correctly?

Here is my Codepen:

codepen.io/cheesyeyes/pen/eJqZxK

Thanks in advance!

回答1:

Okey, for everyone who is looking for simple answers and not links and links to other overloaded examples:

fonts have to be loaded with the three js FontLoader first:

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

});   

来源：https://stackoverflow.com/questions/35589984/textgeometry-in-three-js