The result of TextureLoader is not ok

Questions
, ,
1

Hi guys,

I applied this picture to this part of my cabinet, but I get the wrong result.

	const textureLoader = new THREE.TextureLoader()
	const texture = textureLoader.load('./colors/ak.jpg')
        ....
        ....
        Objobject.children[6].material.map = texture;

Screenshot_2

Screenshot_3
Screenshot_3494×556 192 KB

2

The result of the texure loader looks fine, the texture loaded right? It looks like the uv on your model is repeated and mipmaps set to something other than linear Filter.

1 Like
3

Maybe uv coordinates too small. Try change repeating

const texture = textureLoader.load('./colors/ak.jpg')
texture.wrapS=texture.wrapT=THREE.RepeatWrapping;
texture.repeat.set(0.02,0.02);

or

const texture = textureLoader.load('./colors/ak.jpg')
texture.wrapS=texture.wrapT=THREE.RepeatWrapping;
texture.repeat.set(10,10);
1 Like
4

Thank you @Chaser_Code ,

	texture.wrapS = texture.wrapT = THREE.RepeatWrapping;
        texture.repeat.set(0.02,0.02);

Screenshot_4

Can you help me why I get 4 pictures rather than one?

5

Because is so uv coordinate on model.
First solution is changing uv in 3ds max, blender, unity etc.
Second solution is using texture offset
texture.offset.set(0.2,0.2);

1 Like
6

Thank you very much @Chaser_Code

1 Like