Javascript 在THREE.js中的THREE.TextGeometry对象上应用光晕效果

Javascript 在THREE.js中的THREE.TextGeometry对象上应用光晕效果,javascript,three.js,webgl,Javascript,Three.js,Webgl,我已经在谷歌上搜索了好几个小时,看看是否可以做到这一点 在three.js环境中 我想创建一个基于TextGeometry的辉光效果,而不是像下面Lee StemKoski-shadow glow示例中的球体或立方体对象那样的简单基本体 我一直在阅读和实验 特别是his,如前所述,它适用于简单对象,但不适用于复杂几何形状。因此,我想知道,对于如何在文本周围创建发光效果,是否有任何解决方案或其他建议 问候 w9914420 更新:我决定使用映射概念,在文本上附加一个图像,我可以创建一个发光效果。

我已经在谷歌上搜索了好几个小时,看看是否可以做到这一点 在three.js环境中

我想创建一个基于TextGeometry的辉光效果,而不是像下面Lee StemKoski-shadow glow示例中的球体或立方体对象那样的简单基本体

我一直在阅读和实验

特别是his,如前所述,它适用于简单对象,但不适用于复杂几何形状。因此,我想知道,对于如何在文本周围创建发光效果,是否有任何解决方案或其他建议

问候

w9914420

更新:我决定使用映射概念,在文本上附加一个图像,我可以创建一个发光效果。在本例中,我使用了一个圆圈,但要为我需要的文本绘制一个地图应该不会太难

更新: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 );

最后,我增加了我的第二个TextGeometry对象的斜切片段,这有助于平滑它。然后,我可以将我的第一个文本封装到第二个文本中,如下所示:

随着进一步调整,我将能够得到更微妙的辉光效果,但现在的效果工程


谢谢大家的意见:)

你说的“发光”是什么意思?有很多方法可以解释这一点。它不在three.js中,但显示了一个解决方案@gman我为我在参考我希望重新创建的示例时重新编辑了我的问题而感到困惑,深表歉意。我所追求的效果样式类似于此示例,但使用文本而不是简单的球体:似乎上面链接的发光贴图技术可以满足您的需要。查看@prisoner849嘿,非常感谢这一点,我需要进一步研究TNX