Pourquoi `geometry.verticesNeedUpdate = true;` ne me permet pas de changer les sommets?

Question

J'ai cette fonction qui est appelée à plusieurs reprises, mais les sommets ne changent pas:

function renderChart() { 
    requestAnimationFrame(renderChart); 
    // Copy frequency data to frequencyData array. 
    analyser.getByteFrequencyData(frequencyData); //frequencyData is an array that changes over time. 

    var dat = 79600; 
    var step = dat/frequencyData.length 
    var f = 0; 
    for(v=0; v<dat; v+=step){ 
     globe._baseGeometry.verticesNeedUpdate = true; 
     globe.points.geometry.verticesNeedUpdate = true; 
     globe._baseGeometry.vertices[v].z = globe._baseGeometry.vertices[v].z * frequencyData[f] 
     globe._baseGeometry.vertices[v].y = globe._baseGeometry.vertices[v].y * frequencyData[f] 
     globe._baseGeometry.vertices[v].x = globe._baseGeometry.vertices[v].x * frequencyData[f] 
     f++; 
    } 
} 

// Run the loop 
renderChart(); 

Si je le lance dans un $(document).ready(function(){... il fonctionnera avec succès une fois. Ce qui change

Answer 1

La solution est question ici:

https://github.com/mrdoob/three.js/issues/8021

Comme indiqué dans #7179, vous ne pouvez pas réattribuer le tableau des sommets. Utilisez à la place copy(). "