Draw Threejs TextGeometry entlang des Pfades

Question

Ich habe ein Modell und will es mit Text abdecken. Ich habe TextGeometry gerendert und gebogen, aber es ist schwierig, diese beiden Netze zu kombinieren. (Аnd ja, ich habe die dynamischen Texturen versucht, verbietet diese Art und Weise die Verwendung von eigenen Fonts)

scrinshot of existing model

Vielleicht gibt es eine weitere Möglichkeit, den Text auf dem Weg zu ziehen?

Answer 1

Da Sie es mit Text abdecken möchten, warum nicht Texturen verwenden.

Sie können es von einem Bild mit THREE.TextureLoader() eingestellt oder Sie können Ihre eigene auf einer Leinwand ziehen und auf eine mit var texture = new THREE.Texture(canvas);

Für exmaple Textur anwenden:

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

Siehe jsfiddle Beispiel.

Dort können Sie diese Zeilen

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

und sehen Kommentar-, wie das Ergebnis ändern.

UPD. Ich habe die Geige aktualisiert. Verwendet, um den Trick mit WebFontLoader (von 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); 
})();