ThreeJS DOMException：未能在'WebGLRenderingContext'上執行'texImage2D'

Question

我最近開始使用/學習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

出於安全原因，無法從本地主機運行此操作，只需將其上傳到Web服務器即可解決問題。

希望這會有所幫助！