Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 旋转时三个.js边和文本锯齿状/模糊_Javascript_Html_Three.js - Fatal编程技术网

Javascript 旋转时三个.js边和文本锯齿状/模糊

Javascript 旋转时三个.js边和文本锯齿状/模糊,javascript,html,three.js,Javascript,Html,Three.js,我是一个3.js初学者。尝试将html画布作为纹理应用于平面几何体。在没有旋转时工作正常。旋转时,a)网格的外部边缘变得参差不齐(图像中的边缘/线条很精细),b)文本变得模糊 我该怎么做才能保持外部边缘和文本清晰 我的纹理是二的幂(128 x 512)。启用抗锯齿没有帮助 代码如下所示: var eltTexture=toTexture2(d,this,go.w,go.Res.ow[0]); //将纹理映射到材质 var材料=新的三网格基本材料( {map:elt纹理}); //定义要应用

我是一个3.js初学者。尝试将html画布作为纹理应用于平面几何体。在没有旋转时工作正常。旋转时,a)网格的外部边缘变得参差不齐(图像中的边缘/线条很精细),b)文本变得模糊

我该怎么做才能保持外部边缘和文本清晰

我的纹理是二的幂(128 x 512)。启用抗锯齿没有帮助

代码如下所示:

var eltTexture=toTexture2(d,this,go.w,go.Res.ow[0]);
//将纹理映射到材质
var材料=新的三网格基本材料(
{map:elt纹理});
//定义要应用于网格的纹理的子图像
var断路器=[
新的3.Vector2(0,(128-go.Res.ow[0])/128),
新的3.Vector2(go.w/512,(128-go.Res.ow[0])/128),
新三个矢量2(go.w/512,1),
新三元向量2(0,1)];
//几何与UV映射
var几何=新的三平面几何(go.w,go.Res.ow[0]);
geometry.faceVertexUvs[0]=[];//初始化
geometry.faceVertexUvs[0][0]=
[断路器[3]、断路器[0]、断路器[2];
geometry.faceVertexUvs[0][1]=
[断路器[0]、断路器[1]、断路器[2];
var mesh=新的三个网格(几何体、材质);
网格位置设置(d.threeX,d.threeY,d.threeX);
网格旋转设置(0,0.6,0);
场景。添加(网格);
});

渲染器。渲染(场景、摄影机)这应该是帮助信息:。获取锯齿边的唯一方法是从
渲染器中注释掉
antialias:true
。您使用的是WebGL渲染器吗?@gaitat:renderer上的Antialias会处理边,太好了,谢谢!(我在ctx上试过抗别名…)。是,使用WebGL渲染器。看看链接。我的代码有几个不同之处——哪些可能有助于更清晰的文本?我已经有了两个画布的能力-但我应该以不同的方式设置吗?@gaitat:刚刚尝试了texture.isotropy=renderer.getMaxIstropy()。这会稍微改进文本。可以进一步改进吗?另一件事是在纹理上设置
.generateMipmaps=false
。@gaitat:谢谢!试过这个。。。。var纹理=新的三点纹理(eltCanvas);texture.各向异性=renderer.getMax各向异性();texture.generateMipmaps=false;texture.needsUpdate=true。。。。但是图像不再渲染(只需看到黑色矩形)。