这是一个非常具体的问题,所以我会尽力阐明和解释这个问题。所以我的目标是创建一种效果,使我的 TextGeometry 看起来膨胀或膨胀的Text。我设法找到了一个 Three.js 扩展名为threex.dilategeometry.js将允许我扩张对象的几何形状。
所以你可以看到效果按预期工作。请看下面的代码:
//Self made function to create text
var one = new threeLab.asset.CreateMasterText(this.text,'Lambert');
this.scene.add(one.wireframe);
this.scene.add(one.mesh);
//lets clone it
var geoclone = one.geometry.clone();
//need these to make it work
geoclone.mergeVertices();
//geoclone.computeCentroids();
geoclone.computeFaceNormals();
geoclone.computeVertexNormals();
//the threex dilate effect
THREEx.dilateGeometry(geoclone, 0.15);
//create new material and add to a new mesh to create the halo effect
var testMat = new THREE.MeshNormalMaterial({color:0x222222});
var meshHalo = new THREE.Mesh(geoclone, testMat );
this.scene.add( meshHalo );
为了使扩展工作,它依赖于:
geoclone.mergeVertices();
geoclone.computeFaceNormals();
geoclone.computeVertexNormals();
我假设所有的顶点/面计算都用扩张效果来翻译它们。由于 TextGeometry 的影响,我注意到的一件事是,有些字母翻译得不好,您会在某些字母上看到锯齿状边缘:
所以我的问题是,是否有可能以某种方式进一步平滑文本几何的顶点以提供更平滑和更少锯齿状的外观?
更新 30/03/17
因此,我增加了挤出文本几何体的斜角段,这有助于在应用三倍效果之前更好地将其圆整
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句