Texture is blurry on zoom but its 4500x9000px

[mystic orchid]

Hey, I setup my texture like this :

   const loader = new THREE.TextureLoader()
   const texture = loader.load('assets/texture.png')
   console.log(texture)
   texture.minFilter = THREE.LinearMipMapLinearFilter;
   texture.magFilter = THREE.LinearFilter;
   texture.anisotropy = renderer.capabilities.getMaxAnisotropy();
   texture.wrapS = THREE.RepeatWrapping;
   texture.wrapT = THREE.RepeatWrapping;

But when I zoom in I get this pixelated effect
I joined pictures in this order => The zoomed, not zoom in, texture file

[vague cosmos]

I don't see anything unexpected happening here. It doesn't matter how high res you make a raster image, its always going to appear pixelated if you zoom in far enough, and in this case you have zoomed in such that the image has to be larger than 100% to display this part of the image at this size on the screen.

Here is your posted image beside your original image zoomed in to show the same area at roughly the same size...

[mystic orchid]

I see, I would love to use the SVG directly to fix this, but the SVGrenderer dont work for sphere, so I dont know what to do to get a clear texture when zooming

[vague cosmos]

It gets complicated, but the typical solutions involve loading multiple/different images depending on the current view... an LOD system of sorts.

[woeful bison]

does turning on antialiasing help?

[vague cosmos]

If you mean the renderer setting, that only affects the edges of meshes, so it would have no impact here.

[woeful bison]

ah kk

[smoky pewter]

just fyi, you need to use a power of 2 texture size, otherwise it's (probably still) resized to the nearest what can cause strong stretching and squeezing