ThreeJS DOMException: Не удалось выполнить 'texImage2D' в 'WebGLRenderingContext'

Question

Недавно я начал работать с/learning ThreeJS, и у меня возникли проблемы с загрузкой текстуры на planeMesh. Это то, что я прямо сейчас на самолете:

var characterTexture = new THREE.ImageUtils.loadTexture('images/hunter_1.png'); 
    var geometry = new THREE.PlaneGeometry(100, 100, 32); 
    var material = new THREE.MeshLambertMaterial({ map: characterTexture, side : THREE.DoubleSide}); 
    character = new THREE.Mesh(geometry, material); 

Всякий раз, когда я запускаю это, хотя, я даюсь эта ошибка:

DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The cross-origin image at file:///C:/Users/name/Desktop/images/hunter_1.png may not be loaded.(…)

я видел довольно много ответов на подобные вопросы, но они все они были Uncaught SecurityErrors, а не DOMExceptions, и я не понимаю, совпадают ли они. Если у кого-нибудь есть идеи о том, что я сделал неправильно, скажите! Благодарю.

Answer 1

По соображениям безопасности это невозможно запустить с вашего локального хоста, просто загрузите его на веб-сервер, и ваша проблема должна быть решена.

Надеюсь, это поможет!