Three.js TextGeometry Trouble Drawing

Question

Ich folgte dem Demo-Code, konnte TextGeometry aber nicht zum Zeichnen bringen. Die Schriftartdatei ist auf dem Server vorhanden.

var loader = new THREE.FontLoader(); 

    loader.load('fonts/open-sans-regular.js', function (font) { 

     const textMaterial = new THREE.MeshBasicMaterial({ color: 0x00ffff }) 

     const textGeometry = new THREE.TextGeometry('asdfasdfasdfdsf', 
     { 
      font: font, 
      size: 300, 
      height: 200, 
      curveSegments: 4, 
      material: textMaterial 
     } 
    ) 

     textGeometry.translate(20, 50) 
     const mesh = new THREE.Mesh(textGeometry, textMaterial) 
     scene.add(mesh) 

    }); 

Answer 1

<script type="text/javascript" src="Font.js" ></script> 
<script type="text/javascript" src="FontLoader.js" ></script> 
<script type="text/javascript" src="FontUtils.js" ></script> 
<script type="text/javascript" src="TextGeometry.js" ></script> 
<script type="text/javascript" src="helvetiker_regular.typeface.js"> 
</script> 

Ich bin mir nicht sicher, ob es helps.But wenn ich diese Datei zuerst hinzufügen, ich 3D-Text erstellen kann. Das ist mein Code.

var textMat = new THREE.MeshBasicMaterial({color:0x000000}); 
var textGeo = new THREE.TextGeometry("text",{ 
    size : 15, 
    height: 1, 
    curveSegments: 3, 
    font: 'helvetiker', 
    weight: 'normal', 
    bevelThickness: 3, 
    bevelSize: 0, 
    bevelEnabled: true 
    }); 
    var textMesh = new THREE.Mesh(aboutmeGeo,bulletMat); 
    textMesh.position.set(x,y,z); 
    function createText(){ 
    scene.add(textMesh); 
    } 
    function removeText(){ 
    scene.remove(textMesh); 
    } 

ich herunterladen FontLoadejs, Fontjs in threejs r80; FontUtiljs hier: https://github.com/kriffe/threejs-extras. Sie können Helvetiker_regulartypefacejs in drei alten Version herunterladen. Ich hoffe meine Antwort kann Ihnen helfen.^-^