Noise texture look stretched when used in shaders

Questions
,
1

Hi, I am using a png noise texture to apply noise in the model.
I am trying to apply the same little dots noise that is in the texture to the model, but I get larger dots instead (maybe the texture gets stretched).

Screenshot 2024-08-09 223347
Screenshot 2024-08-09 223347616×576 277 KB

noise_2

Is there any way to achieve the little dots result?
Any information is really appreciate it!!

2

The texture isn’t stretched, but as I see it, it’s resolution is just not high enough for your model.
On the three.js side you need RepeatWrapping for your noise texture. This means that you can tile your texture in the shader with a multiplier

const noiseTexture = loader.load('./noise.png');			
noiseTexture.wrapS = THREE.RepeatWrapping;
noiseTexture.wrapT = THREE.RepeatWrapping;

for example 5.0. This will make your noise on your object finer

//in your shader
vec4 noiseColor = texture(noiseTexture, 5.0 * vUv);
1 Like
3

Your explanation was very helpful, thank you!!

1 Like