Tre JS materiale cartografico provoca WebGL Attenzione

Question

sto cercando di definire un materiale a maglie ho caricato in dal OBJLoader attraverso la seguente funzione wrapper:

function applyTexture(src){ 
    var texture = new THREE.Texture(); 
    var loader = new THREE.ImageLoader(); 
    loader.addEventListener('load', function (event) { 
     texture.image = event.content; 
     texture.needsUpdate = true; 

     // find the meshes from the loaded OBJ and apply the texture to it. 
     object.traverse(function (child) { 
      if (child instanceof THREE.Mesh) { 
       if(child.name.indexOf("Lens") < 0){ 
        child.dynamic = true; 

        child.material = new THREE.MeshLambertMaterial({ color: 0xdddddd, shading: THREE.FlatShading, map : texture }); 
        // also tried: 
        //child.material = new THREE.MeshPhongMaterial({ color: 0x000000, specular: 0x666666, emissive: 0x000000, ambient: 0x000000, shininess: 10, shading: THREE.SmoothShading, map : texture}); 
        // and: 
        //child.material = new THREE.MeshBasicMaterial({map : texture}); 
        child.material.map = texture; // won't throw the WebGL Warning, but won't show the texture either; 
       } else { 
        // works just fine. 
        child.material = new THREE.MeshPhongMaterial({ color: 0x000000, specular: 0x666666, emissive: 0x000011, ambient: 0x000000, shininess: 10, shading: THREE.SmoothShading, opacity: 0.6, transparent: true }); 
       } 
      } 
     }); 
    }); 
    loader.load(src); 
} 

Quando il tessuto è stato caricato ed è il momento di applicare il materiale alla mesh, inizio a ricevere il seguente avviso sulla console:

.WebGLRenderingContext: GL ERROR :GL_INVALID_OPERATION : glDrawElements: attempt to access out of range vertices in attribute 0 

e la trama scompare.

cosa sto facendo di sbagliato qui?

UPDATE

Come @WestLangley puntato sui commenti: Non tentare mai di applicare texture/materiali dopo che le cose sono state rese. Creare i materiali prima del rendering l'oggetto alla scena e poi modificarle utilizzando:

obj.material.map = texture 

Answer 1

Con WebGLRenderer, non è possibile passare da un materiale senza una texture, ad un materiale con una texture, dopo che la rete è stata reso una volta. Questo perché, senza una trama iniziale, la geometria non avrà i necessari buffer UV WebGL incorporati.

Una soluzione è iniziare con un materiale con una semplice trama bianca.

UPDATE: In alternativa, è possibile iniziare con un materiale textureless, e quindi impostare i seguenti flag quando si aggiunge una texture:

material.needsUpdate = true; 
geometry.buffersNeedUpdate = true; 
geometry.uvsNeedUpdate = true; 

Three.js r.58

Answer 2

Ho anche avuto questo errore durante il caricamento di una scena dal frullatore. Per me il problema è stato risolto rimuovendo gli uv per ogni mesh su cui voglio avere una texture.