Three.js减速了数以千计的物体

时间:2014-12-03 21:28:11

标签: javascript three.js

我创造了大约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 );
    }

可能正在创建整个建筑物,然后将建筑物添加到场景中?但我甚至不知道如何开始。

1 个答案:

答案 0 :(得分:1)

你想用数以千计的物品建造一座建筑物吗?

如果我说得对: - 在Blender中创建Building并导入它,或者 - 使用数千个顶点和面来创建具有数千个顶点和面的一个几何体的构建

您可以在jsfiddle中上传示例代码吗?