Question

我从JSON文件中加载了很多（超过4350个）3D对象。

    for (var y in game.fields) {
        for (var x in game.fields[y]) {
            switch (game.fields[y][x]) {
                case 'm':
                    Three.loadMountain(x, y)
                    break
                case 'h':
                    Three.loadHill(x, y)
                    break
            }
        }
    }

我可以看到屏幕上出现的物体，但在某些时刻，一切都变白了。它能是什么？我能以某种方式调试它吗？控制台中没有消息，我正在使用Chromium浏览器。

方法：

this.loadMountain = function (x, y) {
    loader.load('/models/mountain.json', getGeomHandler('#808080', x * 4 - 216, y * 4 - 311, 1));
}
this.loadHill = function (x, y) {
    loader.load('/models/hill.json', getGeomHandler('#008000', x * 4 - 216, y * 4 - 311, 1));
}

Answer 1

解决方案：不要在循环中使用loader.load。而是将网格添加到回调函数内的场景。

实施例

loader.load('/models/mountain.json', function(geometry){
    var material = new THREE.MeshLambertMaterial({color: '#808080'})
    for (var y in game.fields) {
        for (var x in game.fields[y]) {
            switch (game.fields[y][x]) {
                case 'm':
                    var mesh = new THREE.Mesh(geometry, material);
                    mesh.position.set(x, 0, y);
                    scene.add(mesh);
                 break
            }
        }
    }
});

加载了很多物体后，Three.js白屏

1 个答案: