三.js文本渲染问题答案

【问题标题】：Three.js text rendering issues三.js文本渲染问题
【发布时间】：2015-07-31 01:05:40
【问题描述】：

我目前正在处理一个three.js 项目，我们在将字体加载到我们的文本时遇到了问题。

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

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

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

谁能确定为什么会发生这种情况以及是否有更好的方法来显示可能加载 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 );

【问题讨论】：

使用这个小提琴 (jsfiddle.net/264jawhe) 作为起点来展示你的问题。
@gaitat 已更新，感谢您的提琴！

标签： javascript three.js

【解决方案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);

【讨论】：

我同意字体是问题，但这是转换器的问题还是不建议输入的字体类型？
这完全取决于您使用的字体，最好切换到其他字体以获得良好的输出，转换器工作正常但不同的字体在three.js 3D文本中使用时会显示不同的属性

【解决方案2】：

它与 type1 字体的“路径方向”有关。

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

【讨论】：