Threejs/WebGL:最简单的多维数据集方式?

Phi*_*sen 4 webgl three.js

在Threejs中,对于WebGL渲染器,在xyz网格上显示大量立方体的最佳性能是什么,就渲染方法/灯光/设置/材料而言?立方体应支持基于directionLight接收和投射阴影 - 或者我可以预先计算侧面颜色(如果有帮助并且可能) - 但它们没有任何纹理或特殊旋转.谢谢!

小智 9

务必合并几何体.它有很多帮助.多达60倍的代码.这是一篇解释原因的帖子.它包含一个实际显示差异的演示 http://learningthreejs.com/blog/2011/10/05/performance-merging-geometry/

另一件事是在适用时删除重复的面.例如,three.js minecraft demo从几何体中移除面.http://mrdoob.github.com/three.js/examples/webgl_geometry_minecraft.html用于演示,https://github.com/mrdoob/three.js/blob/master/examples/webgl_geometry_minecraft.html#L106用于资源