für die Schleife nur den ersten Array-Wert

Question

Ich habe versucht, die Array-Werte wie im folgenden Code aufrufen, aber wenn onclicked ich bin in der Lage, das erste Material im Array erfolgreich, aber nicht die anderen, aus irgendeinem Grund es hört auf zu loopen. Bitte lassen Sie mich wissen, wo ich falsch liege.

var White = new THREE.MeshPhongMaterial({ 
      color:0xf6daa5, 
     // specular: 0x000000, 
      roughness: 0.7, 
      shininess: 0, 
     // bumpMap: mapHeight, 
      bumpScale: 12, 
      emissive: null, 
      emissiveIntensity : null, 
      reflectivity: 0.1 
    }); 
var sink = new THREE.MeshPhongMaterial({ 
    color: 0x224466, 
    combine: THREE.MixOperation, 
    reflectivity: 0.8, 
    side: THREE.DoubleSide, 
    shininess: 40, 
    reflectivity:0 

    opacity:null 
    }) 
var gold = new THREE.MeshPhongMaterial({ 
    color: 0x529dc3,     
    specular: 0x508fbb,    
    shininess: 60, 
    emissive:0x070606, 
    reflectivity:0.7, 
    opacity:0.8, 
    shading: THREE.FlatShading, 
    combine: THREE.MultiplyOperation 
    }) // have declared these globally 

EventsControls.attachEvent('onclick', function() { 
    var colors = [White, sink, gold]; 
    for (var i = 0; i < colors.length; i++) { 
     console.log(colors.length); 
     object.traverse(function(child) { 
      if (child instanceof THREE.Mesh) { 

       if (child.material.name == "w__") { 

        child.material = colors[i]; 
       } 
      } 
     }) 
    } 
}); 

Answer 1

Ihr Array besteht aus mehreren Strings, von denen jeder zwischen doppelte Anführungszeichen "

EventsControls.attachEvent('onclick', function() { 
    var colors = ["White", "sink", "gold"]; 
    for (var i = 1; i < colors.length; i++) { 
     console.log(colors.length); 
     object.traverse(function(child) { 
      if (child instanceof THREE.Mesh) { 

       if (child.material.name == "w__") { 

        child.material = colors[i]; 
       } 
      } 
     }) 
    } 
}); 

Siehe auch gestellt werden muss: http://www.w3schools.com/js/js_arrays.asp

Answer 2

Array-Indizes beginnen bei 0 und Sie fangen an 1.

// filler to make the code work 
 
var THREE = { 
 
    "MeshPhongMaterial": function() {}, 
 
    "MixOperation": null, 
 
    "DoubleSide": null, 
 
    "FlatShading": null, 
 
    "MultiplyOperation": null 
 
}; 
 

 
var White = new THREE.MeshPhongMaterial({ 
 
    color: 0xf6daa5, 
 
    // specular: 0x000000, 
 
    roughness: 0.7, 
 
    shininess: 0, 
 
    // bumpMap: mapHeight, 
 
    bumpScale: 12, 
 
    emissive: null, 
 
    emissiveIntensity: null, 
 
    reflectivity: 0.1 
 
}); 
 

 

 
var sink = new THREE.MeshPhongMaterial({ 
 
    color: 0x224466, 
 
    combine: THREE.MixOperation, 
 
    reflectivity: 0.8, 
 
    side: THREE.DoubleSide, 
 
    shininess: 40, 
 
    reflectivity: 0, 
 
    opacity: null 
 
}); 
 

 
var gold = new THREE.MeshPhongMaterial({ 
 
    color: 0x529dc3, 
 
    specular: 0x508fbb, 
 
    shininess: 60, 
 
    emissive: 0x070606, 
 
    reflectivity: 0.7, 
 
    opacity: 0.8, 
 
    shading: THREE.FlatShading, 
 
    combine: THREE.MultiplyOperation 
 
}); // have declared these globally 
 

 

 
// commented out parts that aren't relevant to the issue 
 
//EventsControls.attachEvent('onclick', function() { 
 
var colors = [White, sink, gold]; 
 
for (var i = 0; i < colors.length; i++) { 
 
    console.log(i + " = " + colors.length); 
 
    // object.traverse(function(child) { 
 
    // if (child instanceof THREE.Mesh) { 
 
    // 
 
    //  if (child.material.name == "w__") { 
 
    // 
 
    //  child.material = colors[i]; 
 
    //  } 
 
    // } 
 
    // }) 
 
} 
 
//});

Und ist object überall definiert? Sonst wird es Fehler in der for Schleife.