Three.js медленно с тысячами объектов

Question

Я создаю около 12 000 + BoxHelpers и загрузку и, особенно, навигацию очень медленно. Я хочу знать, если есть лучший подход

это то, что у меня есть

var c=[]; 
c.push([ -100,15,285 ]); 
c.push([ 0,25.5,285 ]); 
c.push([ 0,51,285 ]); 
c.push([ 0,76.5,285 ]); 
c.push([ 0,0,297 ]); 
c.push([ 0,25.5,297 ]); 
c.push([ 0,51,297 ]); 

.... это только для примера. фактические данные поступают от json.

var cubeGeometry = new THREE.CubeGeometry(10, 24.5, 12); 


    for (var i in c) 
     var cube = new THREE.BoxHelper(); 
    cube.material.color.set(0x6666FF ); 
    cube.scale.set(5, 12, 6); 
    cube.position.set(c[i][0], c[i][1],c[i][2]); 
    scene.add(cube); 
    } 

Может быть создано целое здание, а затем просто добавить здание к месту происшествия? но я даже не знаю, как начать.

Answer 1

Вы хотите создать здание из тысяч объектов?

Если я его правильно: - Создайте здание в Blender и импортировать его, или - Создайте здание из одной геометрии с тысячами вершин и граней

Вы можете загрузить пример кода в jsfiddle?