Three.js

Question

にTHREE.TextGeometryオブジェクトにグロー効果を適用します。私は、これはthree.js環境で を行うことができるかどうかを確認するためにGoogle検索のかなりの数の時間を行っています。

私はTextGeometryに基づいてグローエフェクトを作成しますが、下のLee StemKoski - シャドウグローの例のような球体やキューブオブジェクトのような単純なプリミティブではありません。

私が述べたが、複雑な幾何学的形状を単純なオブジェクトでうまく動作しますが、ではないとして彼Shader Glow exampleで特にLee StemKoski examples

を読んで実験されています。 1は、テキストの周りのグロー効果を作成することができますどのようにこのまたは他の提案への回避策がある場合はそのため私は思っていました。

よろしく

w9914420

UPDATE：私はグロー効果を作成することができますテキストに画像を添付してマッピングのコンセプトで行くことにしました。この例では、私はサークルを使用しますが、私は必要なテキストのマップを行うにはあまりにも難しいことではありません。

UPDATE：20/3/17 - だから私はそのとらえどころのないテキストグロー効果を作成するためにtheeX.atmosphere材料を使用しての試みがありました。ここにいくつかの結果があります。

あなたはまだなく、かなりそこに見ることができるように - 私が持っている問題は、私はより多くの外側グローテキストの頂点を滑らかにすることはできませんしています。私はそれが可能であるかどうか分からない。

効果を作成するために使用されるネイティブコード。

//normal text created 

var geometry2 = threeLab.asset.simpleText('hello','my_font'); 
var materialme = new THREE.MeshNormalMaterial(); 
var mesh = new THREE.Mesh(geometry2, materialme); 
this.scene.add(mesh); 


// we create a secondary text object to use as glow 
var geometry = threeLab.asset.simpleText('hello','my_font'); 

// clone for manipulation 
var geoclone = geometry.clone(); 


//Thes functions are need to make it work in this case 
geoclone.mergeVertices(); 
//geoclone.computeCentroids(); 
geoclone.computeVertexNormals(); 
geoclone.computeFaceNormals(); 

// part of threex library to make the glow scale and expand 
THREEx.dilateGeometry(geoclone, 0.5); 
var materialz = THREEx.createAtmosphereMaterial(); 
var meshHalo = new THREE.Mesh(geoclone, materialz); 

//we have now our glow 
this.scene.add(meshHalo); 

Answer 1

だから、最後に、私はそれを滑らかにするために助けた私の二次TextGeometryオブジェクトのbevelsegmentsを増加させました。私はそのようにのような第二に私の最初のテキストをecaseすることができました：

さらに微調整して、私はより多くの微妙なグロー効果を得ることができるようになりますが、今効果が働くために。

入力いただきありがとうございます。