问题描述
|
我已经开始编写脚本,以实现JavaScript中的“矩阵效果”(在后台使用)。我使用了Canvas元素,但由于某种原因,它有点慢,但我不知道为什么。
矩阵效果:从顶部到底部滚动的那些(绿色)文本行。
脚本:
http://dominiquedebrabander.nl/matrix/matrix.js
我已经链接了该脚本,导致此文本区域很长。我希望你们知道为什么,或者有一些提示。
问候,多米尼克
解决方法
如果要用黑色填充,为什么要调用clearRect?删除该电话
如果字体永远不变,则不要一遍又一遍地设置字体,只需在开始时设置一次即可。
绘图文字很慢,请在此处查看我的帖子。考虑将每个字母绘制到第二个不可见的画布上,并使用drawImage将画布的一部分绘制到您的真实画布上
如果您真的希望按照现在的方式进行操作,则将所有内容绘制到大屏幕外的画布上,然后一遍又一遍地绘制单个画布,将会更快得多,但是您将无法使字母以彼此不同的速度下落。如果这样做,则看起来更像矩阵,例如,将y放在+ =
Math.random()*4.5
(或如此)而不是0.5