javascript矩阵脚本，由于某些原因效率低下/速度较慢

javascript matrix script, inefficient/slow for some reason

本文关键字：效率 速度 脚本 于某些 javascript      更新时间：2023-09-26

我已经开始编写一个脚本，以实现JavaScript中的"矩阵效果"（在后台使用）。我使用了Canvas元素，但由于某种原因，它有点慢，但我不知道为什么。

矩阵效应：从上到下滚动的（绿色）文本行。

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

我已经链接了脚本，因为这个文本区域太长了。我希望你们知道为什么，或者有一些建议。

问候，多米尼克

  • 如果你只想用黑色填充，你为什么要打电话给clearRect？删除该呼叫
  • 如果字体从未更改，请不要反复设置，只需在开始时设置一次即可
  • 绘图文本是慢，请参阅我的文章。考虑将每个字母都画在第二块看不见的画布上，并使用drawImage将画布的一部分绘制到真实的画布上

如果你真的想按照现在的方式完成，如果你把所有的东西都画到一个大的屏幕外画布上，然后一遍又一遍地画那块画布，那么速度会快得多，但这样你就无法让字母以不同的速度落下。如果你这样做的话，它看起来更像矩阵，比如把y放在+=Math.random()*4.5（左右），而不是0.5

相关文章：