Question

我有一些模特，想要用文字覆盖它。我已经渲染并弯曲了TextGeometry，但很难将这两个网格结合起来。（是的，我尝试过动态纹理，这种方式禁止使用自己的字体）

也许还有另一种方法可以在路径上绘制文字？

Answer 1

如果你想用文字覆盖它，为什么不使用纹理。

您可以使用THREE.TextureLoader()从图片中进行设置，也可以在画布上绘制自己的图片并将其应用于var texture = new THREE.Texture(canvas);

的纹理

例如：

var texture = new THREE.Texture(canvas);
texture.repeat.set(5, 1);
texture.needsUpdate = true;

请参阅jsfiddle示例。

在那里你可以取消注释这些行

//texture.wrapS = THREE.RepeatWrapping;
//texture.wrapT = THREE.RepeatWrapping;

并查看结果将如何变化。

UPD。我已经更新了小提琴。使用WebFontLoader（来自this SO）

的技巧

WebFontConfig = {
  google: {families: ['Monoton']},
  active: function() {
    init();
    animate();
  },
};

(function(){
  var wf = document.createElement("script");
  wf.src = 'https://cdnjs.cloudflare.com/ajax/libs/webfont/1.6.26/webfontloader.js';
  wf.async = 'true';
  document.head.appendChild(wf);
})();

沿路径绘制Threejs TextGeometry

1 个答案: