沿路徑繪製Threejs TextGeometry

Question

我有一些模型，並希望用文本覆蓋它。 我渲染並彎曲了TextGeometry，但很難將這兩個網格結合起來。 （Аnd是的，我已經試過了動態紋理，這樣一來禁止使用自己的字體）

scrinshot of existing model

也許還有另一種方式來繪製路徑上的文本？

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); 
})();