function displayItem() {
startScene();
THREE.ImageUtils.crossOrigin = "anonymous";
var mtlLoader = new THREE.MTLLoader();
mtlLoader.setTexturePath('https://cdn.rubyrealms.com/textures/');
mtlLoader.setPath('https://cdn.rubyrealms.com/objects/');
mtlLoader.load('DefaultSkin.mtl', function(materials) {
materials.preload();
var ambientLight = new THREE.AmbientLight(0xffffff,1.4);
scene.add(ambientLight);
var objLoader = new THREE.OBJLoader();
objLoader.setMaterials(materials);
objLoader.setPath('https://cdn.rubyrealms.com/objects/');
objLoader.load('DefaultSkin.obj', function(object) {
scene.add(object);
adjustCameraToElement(camera, object, 5.5, controls);
renderer.render( scene, camera );
});
});
revealScene();
I am encountering an error in the console that says THREE.WebGLState: DOMException: "The operation is insecure."
I have included the development site in the CORS configuration using "", but the error persists when connecting to my S3 bucket (CDN). I have attempted various solutions that I have come across, but none seem to resolve the issue.}