【发布时间】:2017-06-01 07:19:19
【问题描述】:
我正在用旧版本的Three.js 重写几年前构建的旧版可视化。可视化是在屏幕上绘制的约 20k 2D 圆(图表中的节点),其位置和颜色已经确定。
除了发生交互(缩放、点击等)时,不涉及任何动画。前面的作者使用精灵为圆(节点)显示不同的状态(节点选择:发光效果,节点隐藏:透明等)
我已经能够使用CircleBufferGeometry 而不是精灵成功地重现大部分可视化。
我知道这可能是一个太模糊的问题,因为它可能对我的用例来说太具体了,但我想知道是否有人对渲染 ~20k 精灵或 ~20k CircleBufferGeometry 是否更高效有任何见解使用 Three.js / webgl。
谢谢!
【问题讨论】:
-
在您的特定用例中尝试每一个,对它们进行基准测试并进行比较。
-
@Adrian 让我们看看这个 stackoverflow 问题的进展情况,然后也许我会的!在我走这条路之前,我希望 Three.js 专家或具有先验知识的人可以帮助我...
标签: javascript 3d three.js