TextGeometry没有显示，有人可以告诉我为什么吗？

debugcn 发表于 Dev

Jose Miguel Vega Lopez占位符图像

我有以下Three.js代码：

<html>
    <head>
        <title>My first Three.js app</title>
        <style>
            body { margin: 0; }
            canvas { width: 100%; height: 100% }
       </style>
   </head>
   <body>
       <script src="js/three.min.js"></script>
       <script src="js/optimer_regular.typeface.js"></script>
       <script>
           //Basic Three components
           var scene = new THREE.Scene();
           var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight,       0.1, 1000 );

           var renderer = new THREE.WebGLRenderer();
           renderer.setSize( window.innerWidth, window.innerHeight );
           document.body.appendChild( renderer.domElement );
           //Let´s add a cube
           var geometry = new THREE.BoxGeometry( 1, 1, 1 );
           var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
           var cube = new THREE.Mesh( geometry, material );
           scene.add( cube );

           camera.position.z = 5;
           //Let´s add a text
           var material2 = new THREE.MeshPhongMaterial({
               color: 0x00ff00
           });
           var textGeom = new THREE.TextGeometry( 'Sitescope', {
               font: 'optimer',
               weight: 'normal' 
           });
           var textMesh = new THREE.Mesh( textGeom, material2 );
           scene.add( textMesh );
           //Render scene
           function render() {
               requestAnimationFrame( render );
               cube.rotation.x += 0.01;
               cube.rotation.y += 0.01;
               renderer.render( scene, camera );
           }
           render();
       </script>
   </body>

当我运行代码时，我的多维数据集可以很好地呈现，但是我的文本不会出现在任何地方。我在JavaScript控制台中获得的唯一输出是：THREE.WebGLRenderer 69。

谁能告诉我为什么我的文字没有出现？（我是Three.js的初学者）谢谢！

盖塔特

使用时，THREE.MeshPhongMaterial()您需要在场景中照明。否则，模型将变黑。如果场景背景也为黑色，则将永远不会知道是否绘制了模型。看看这个小提琴。我正在使用THREE.MeshNormalMaterial()。用PhongMaterial代替它可以看到我在说什么。您可以看到文本被绘制为黑色，只是因为它在绿色立方体上。