Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.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 babylon.js重复纹理接缝/工件_Javascript_Webgl_Babylonjs - Fatal编程技术网

Javascript babylon.js重复纹理接缝/工件

Javascript babylon.js重复纹理接缝/工件,javascript,webgl,babylonjs,Javascript,Webgl,Babylonjs,我最近开始尝试使用babylon.js进行着色器编程。我正在尝试编写一个支持重复纹理的片段着色器。我用了一种非常简单的方法来做这件事,你可以从链接中看出 问题是,这会在重复纹理的接缝上创建奇怪的像素化效果,如下图所示 我怎样才能解决这个问题?我的片段着色器一定有问题,因为使用标准材质不会产生此问题 如果有人能帮助我,我将永远感激 哇,好吧,我是个白痴,我用了一种非常愚蠢和低效的方式缩放图像。我不认为我真的理解这句话: vec2 phase = fract(xy / vec2(1.0/vSca

我最近开始尝试使用babylon.js进行着色器编程。我正在尝试编写一个支持重复纹理的片段着色器。我用了一种非常简单的方法来做这件事,你可以从链接中看出

问题是,这会在重复纹理的接缝上创建奇怪的像素化效果,如下图所示

我怎样才能解决这个问题?我的片段着色器一定有问题,因为使用标准材质不会产生此问题


如果有人能帮助我,我将永远感激

哇,好吧,我是个白痴,我用了一种非常愚蠢和低效的方式缩放图像。我不认为我真的理解这句话:

vec2 phase = fract(xy / vec2(1.0/vScale,1.0/vScale));
他在做什么。我仍然不是100%同意,但合乎逻辑的方法是将uv向量乘以重复因子

vec2 phase = vec2(xy.x*vScale,xy.y*vScale);
您可以在此处看到结果:


哇,好吧,我是个白痴,我用一种非常愚蠢和低效的方式缩放图像。我不认为我真的理解这句话:

vec2 phase = fract(xy / vec2(1.0/vScale,1.0/vScale));
他在做什么。我仍然不是100%同意,但合乎逻辑的方法是将uv向量乘以重复因子

vec2 phase = vec2(xy.x*vScale,xy.y*vScale);
您可以在此处看到结果: