javascript矩阵脚本,由于某种原因效率低/慢

时间:2011-06-14 15:57:54

标签: javascript performance canvas matrix

我已经开始使用JavaScript来实现“矩阵效果”(在后台使用)。我使用了Canvas元素,但由于某种原因,它有点慢,但我不知道为什么。

矩阵效果:从上到下滚动的那些(绿色)文本行。

脚本: http://dominiquedebrabander.nl/matrix/matrix.js

我已经链接了这个脚本,因为它对于这个文本区来说很长。我希望你们知道为什么,或者有一些提示。

问候,多米尼克

1 个答案:

答案 0 :(得分:0)

  • 如果你要用黑色填充它,为什么要调用clearRect?删除该电话
  • 如果字体永远不会改变,请不要反复设置字体,只需在开始时设置一次。
  • 图纸文字,请参阅我的帖子here。考虑将每个字母绘制到第二个不可见的画布上,并使用drawImage将该画布的部分绘制到真实画布

如果你真的希望它以你现在的方式完成,那么如果你把所有东西绘制成一个大的屏幕外画布并且你只是一遍又一遍地绘制那个单一的画布会更快,但是你不会能够让字母以不同的速度落下。如果你这样做,它会看起来更像矩阵,比如把y放在+ = Math.random()*4.5(左右)而不是0.5