Hello Guys,
Greeting ! Thanks in advance
I am getting error while loading image using Texture Loader. In chrome when we disable catch image is loading perfectly, when we off disable catch it give error from three.js. I tryed with Mozilla firefox it is working fine. we don’t need to enable disable catch option.
I tried with THREE.Cache.enabled = true., THREE.Cache.enabled = false. and it’s clean(), but nothing works.
when we off disable cache it give us cors error, and we check from backend we already set * for that, it is specifically not working in chrome.
you can suggest me how to disable cache from three.js side or react js side (without jquery involve). Thank you.
const loader = new THREE.TextureLoader();
const floorTexture = loader.load(markerImg?.url, (img) => {
img.needsUpdate = true;
img.crossOrigin = "";
floor.scale.set(1.0, img.image.height / img.image.width, 1.0);
});
floorTexture.wrapS = floorTexture.wrapT = THREE.RepeatWrapping;
const floorMaterial = new THREE.MeshBasicMaterial({
map: floorTexture,
side: THREE.DoubleSide,
});
const floorGeometry = new THREE.PlaneGeometry(1000, 1000, 10, 10);
floor = new THREE.Mesh(floorGeometry, floorMaterial);
floor.geometry.computeBoundingBox();
floor.geometry.needsUpdate = true;
const sizeOfMarker = floor.geometry.boundingBox.clone();
floor.position.y = -10;
floor.rotation.x = -Math.PI / 2;
scene.add(floor);  
