HTML5 Canvas:更快地绘制大量行

时间:2013-10-24 16:19:46

标签: javascript html5 performance 3d html5-canvas

我正试图从头开始制作一个小型3D引擎(在HTML5中),只是为了体验,我遇到了一个问题。该引擎目前只显示模型的边缘,这是我想要它做的,但与WebGL相比,它运行得非常慢,显然它处理的更多。在帧速率下降变得明显之前,我只能显示大约4800行,即400个立方体。

我认为瓶颈在于绘制线条。

  

我通过绘制一个立方体(以查看平滑度)来测试它,但计算所有立方体。在任何延迟出现之前,我可以得到大约10,000个立方体来计算(没有实际绘制线条)。我知道通常会在屏幕上绘制瓶颈。

我认为,除了显卡使用之外,我认为将其与webGl速度区分开来。我不知道画布的后端,但我猜我没有使用显卡的任何电源。

所以我想知道是否有更快的方法来显示这些线条,或者这是否是我必须接受的。

P.S。我不想使用任何外部API,我希望这是完整的。我不是要分发它,所以性能无关紧要。我只是想了解引擎如何在最低级别的3D图形上工作和玩耍。

0 个答案:

没有答案