パスに沿ってThreejs TextGeometryを描画します

Question

私はいくつかのモデルを持っており、テキストでそれをカバーしたいと思います。 TextGeometryをレンダリングして曲げましたが、これらの2つのメッシュを組み合わせることは難しいです。 （はい、私は、動的テクスチャを試してみたАnd、この方法は、自身のフォントの使用を禁止）

scrinshot of existing model

おそらくパスに沿ってテキストを描画する別の方法がありますか？

Answer 1

テキストで覆いたいので、テクスチャを使用しないでください。

あなたはTHREE.TextureLoader()と絵から、それを設定することができたり、キャンバス上で自分自身を描き、exmapleについて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); 
})();