Three.js文本呈现问题

时间:2015-01-19 19:54:43

标签: javascript three.js

我目前正在开发一个three.js项目,我们遇到了将字体加载到文本中的问题。

我们正在使用TextGeometry对象来渲染我们的字体和字体js converter以添加我们的字体。

有些字体效果很好但有些字体的效果不如预期,有些字母无法正确呈现,例如d's和o。

这可以在下面的小提琴中看到,字体加载一些字母的内部而不是外部。

http://jsfiddle.net/264jawhe/2/

任何人都可以确定为什么会发生这种情况,是否有更好的方法来显示可能加载html元素的文本?

提前致谢!

var textGeom = new THREE.TextGeometry("Video Dp", 
     {
      font: 'acknowledgement',
      weight: 'normal'
     });
var material2 = new THREE.MeshNormalMaterial();
var textMesh = new THREE.Mesh( textGeom, material2 );

scene.add( textMesh );

2 个答案:

答案 0 :(得分:1)

请检查小提琴。实际上问题在于你的字体风格。我刚刚更改了字体和工作正常

Refer to this Jsfiddle

var textGeom = new THREE.TextGeometry("Video Dp", {
    font: 'optimer',
    weight: 'normal'
});
var material2 = new THREE.MeshNormalMaterial();
var textMesh = new THREE.Mesh(textGeom, material2);
scene.add(textMesh);

答案 1 :(得分:0)

与路径方向相关' type1字体。

访问this。您可以详细了解解决方案中的错误以及使用任何字体文件生成网格的工具。