Загрузка текстуры в JavaScript (Three.js) - Доступ к ограниченному URI отклонен

Question

У меня проблема с загрузкой текстуры в JavaScript (Three.js). Программа отлично работает (это делают несколько объектов), но когда я добавляю:

var grzybSkin = THREE.ImageUtils.loadTexture('grzybuv.png'); 
grzybSkin.repeat.set(1,1); 
grzybSkin.wrapS = THREE.RepeatWrapping; 
grzybSkin.wrapT = THREE.RepeatWrapping; 
grzybSkin.anisotropy = 16; 

var texturaGrztb = new THREE.MeshBasicMaterial({map: grzybSkin}); 

var geometry_grzyb; 
var loader = new THREE.JSONLoader(); 
loader.load("grzyb.js", function(geometry_grzyb) { 
    for (var i = 0;i < 4;i++) 
    { 
    grzyb[i] = new THREE.Mesh(geometry_grzyb, texturaGrztb); 
    grzyb[i].scale.set(15, 18, 1); 
    scene.add(grzyb[i]); 
    grzyb[i].position.set(
    5000, 
    5000, 
    5000 
); 
    } 
    }); 

ошибка:

NS_ERROR_DOM_BAD_URI: Access to restricted URI denied 

И это указывает на Three.js:

xhr.open("GET", url, true); 
xhr.withCredentials = this.withCredentials; 
xhr.send(null); 

Answer 1

Браузеры Дон» t разрешить загрузку ресурсов из локальных файлов (я предполагаю, что вы обращаетесь к своим файлам напрямую через файловую систему в режиме «file: // c: /dir/file.html»), а также не позволит вам получать доступ к ресурсам от di домен, который принадлежит сайту.

Чтобы разработать и отладить THREE.js локально, вам необходимо настроить локальный веб-сервер, лучшим вариантом которого является XAMPP, WAMP или аналогичный проект.