繪製一百萬次的立方體

Question

我需要使用一個尺寸爲1x1x1的立方體構建地形，座標以.txt文件形式提供，並且大約有11M三元組。

問題是，使用我當前的代碼，我只能畫出大約60k，然後瀏覽器選項卡被重置，並提示停止無響應的腳本出來，所以我用了太多的內存和時間來生成它們。

這裏的代碼塊我用它來吸引他們：

function generateCubes(data) { 
    var cubeGeometry = new THREE.CubeGeometry(cubeSize, cubeSize, cubeSize); 
    var material = new THREE.MeshLambertMaterial({color: 0x587058}); 
    var mesh = new THREE.Mesh(cubeGeometry, material); 
    var mergedGeo = new THREE.Geometry(); 
    var instance; 
    var line = data[0].split(';'); 
    var translateX = line[0], translateY = line[1], translateZ = line[2]; 
    //var group = new THREE.Object3d(); 
    for(var i = 0; i < 100000; i++) { // should go to data.length 
     line = data[i].split(';'); 
     //instance = mesh.clone(); 
     //instance.position.set(line[0] - translateX, line[2] - translateZ, line[1] - translateY); 
     //group.add(instance); 
     mesh.position.x = Number(line[0]) - translateX; 
     mesh.position.y = Math.round(Number(line[2]) - translateZ); 
     mesh.position.z = Number(line[1]) - translateY; 
     mesh.updateMatrix(); 
     mergedGeo.merge(instance.geometry, instance.matrix); 
    } 
    group = new THREE.Mesh(mergedGeo, material); 
    scene.add(group); 
} 

的功能是從所謂的成功在$就調用。

評論部分使用沒有合併的幾何，這樣我可以繪製大約100k的數據。

謝謝你幫助我。

編輯：我看到this question它並沒有幫助我很多。

Answer 1

你在找什麼是體素渲染。兩個主要的渲染路徑來完成這一點：A）體積渲染，但webgl缺乏硬件3d紋理支持。 B）網格曲面生成和標準多邊形渲染。可能是唯一的選擇。不要認爲在公開場合有任何高效的js實現。

你需要做什麼。

1. 把你的世界在同一尺寸的大塊，大塊 尺寸大概需要是2的冪，以允許在他們更快 操作。

2. 想出一個可以存儲11M體素數據的數據結構。 這可能需要在Int32Arrays的某些排列中，並使用位明智的運算符來訪問/存儲每個體素上的數據。

3. 對於每個塊，生成表面網格。見link。

4. 對於遠離攝像頭的組塊，想出一些方案，其中 可以生成低LOD網格（可選）。
5. 在前後可見的平截頭體中呈現所有塊的順序爲 。