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