Texture Loader doesn't load?

There exist a limit on the picture size to be loaded with texture loader??

I tried the same picture in 2 different locations and sizes

// Works fine, the same picture but different size.
texture=new THREE.TextureLoader().load(‘https://static.wixstatic.com/media/4ee8f5_0b7bd9c30a2f4a76b6da3122c4ba93cb~mv2_d_5660_2830_s_4_2.jpg/v1/fill/w_1213,h_607,al_c,q_85,usm_0.66_1.00_0.01/4ee8f5_0b7bd9c30a2f4a76b6da3122c4ba93cb~mv2_d_5660_2830_s_4_2.webp’,function(t){material1 = new THREE.MeshBasicMaterial( {map: t} );alert(“loaded…”+t)});

//if try to load from this site doesn’t load at all…
//texture=new THREE.TextureLoader().load(‘https://ljlapps.files.wordpress.com/2017/12/bbb.png’,function(t){material1 = new THREE.MeshBasicMaterial( {map:t } );alert(“loaded…”+t)});

As far as i can see, the second request does not contain any CORS information in its response header. Because of this, you can’t load the picture from a different origin.

1 Like

tanks, you’re right, I modified the image size in the first and it is working, Thanks for you time

What i’m running into is indeed CORS had to read the CORS document a few times to realize what I was reading. That just opened my mind further with Three.js!