Threejs：弯曲的文字，如何？

Question

我正在研究 Three.js，试图获取带有弯曲文本的对象。

使用 TextGeometry 的方法是否正确？

var material = new THREE.MeshPhongMaterial({
    color: 0xdddddd
  });
  var textGeom = new THREE.TextGeometry( 'Foo', {
    font: 'helvetiker', 
    curveSegments: 10, 
    bevelEnabled: true
  });
  var textMesh = new THREE.Mesh( textGeom, material );
  scene.add( textMesh );
  textGeom.computeBoundingBox();
  textGeom.textWidth = textGeom.boundingBox.max.x - textGeom.boundingBox.min.x;

Answer 1

我认为代码是正确的。您必须在标题中加载字体：

<script src="http://mrdoob.github.com/three.js/examples/fonts/helvetiker_regular.typeface.js"></script>