如何优化绘图和THREE.js中成千上万个立方体的交集？

Question

我有一个3d模型查看器/编辑器，我正在为用户提供选择对象（区域）的一部分。我在所有选定区域显示立方体，为用户提供点击和编辑点。

渲染超过cca 500的立方体开始滞后于编辑器。

这就是我所拥有的：

for(var pp in points)          {                                                       
var cube = new THREE.Mesh( new THREE.CubeGeometry( 1, 1, 1 ), new  THREE.MeshBasicMaterial({color: 0x000000}) );
        cube.position.x = model.points[points[pp]].x;
        cube.position.y = model.points[points[pp]].y;
        cube.position.z = model.points[points[pp]].z;
        cube.userData.pointCube = true;
        scene.add( cube );
}

感谢您提供有关如何更快地绘制此内容的任何建议。 注意：我需要跟踪立方体交叉点。目前工作平稳~~ 100个立方体。