Three.js 影响在 firefox 上工作但不在 chrome 上工作

Question

我使用 Half Edge 数据结构递归搜索相邻面并相应地为它们着色。但是，我可以在 firefox 上看到效果，但在 chrome 上看不到。有人有想法吗？帮助将不胜感激！

 function neighbor(color_indices){
    var color_indices_length = color_indices.length;
    for (var i = 0; i < color_indices_length; i++) {
        var adjacentFaces = heData.findAdjacentFacesToFace(color_indices[i]);
        for (var k = 0; k < 3; k++){
            if(color_indices.indexOf(adjacentFaces[k]) == -1) {
                color_indices.push(adjacentFaces[k]);
            }
        }
    }
}

function recursion(recursion_times, color_indices){
        for (var z = 1; z <= recursion_times; z++){
            neighbor(color_indices)
        }
}

function red() {
        gl_object.colorsNeedUpdate = true;
        for(var j=0; j < red_indices.length; j++){
            gl_object.children[0].geometry.faces[red_indices[j]].color = new THREE.Color(0xff0000);
        }
}

function red_color() {  
        red_indices.push(selectedFaces[0].faceIndex);
        recursion(11,red_indices);
        red();
}

另外，我也试过这个实现！但效果相同（不适用于我的 chrome）

//test
    var adjacentFaces = [];
    var temp = [];
    temp[0] = heData.findAdjacentFacesToFace(color_indices[i])[0];
    temp[1] = heData.findAdjacentFacesToFace(color_indices[i])[1];
    temp[2] = heData.findAdjacentFacesToFace(color_indices[i])[2];

    adjacentFaces.push(temp[0]);
    adjacentFaces.push(temp[1]);
    adjacentFaces.push(temp[2]);

Answer 1

很简单，改一下就可以了

  for (var k = 0; k < 3; k++){
        if(color_indices.indexOf(adjacentFaces[k]) == -1) {
            color_indices.push(adjacentFaces[k]);
        }
    }

到

  for (var k = 0; k < adjacentFaces.length; k++){
        if(color_indices.indexOf(adjacentFaces[k]) == -1) {
            color_indices.push(adjacentFaces[k]);
        }
    }

Three.js 影响在 firefox 上工作但不在 chrome 上工作

Three.js effect Working on firefox but not working on chrome

javascript

arrays

three.js