js实现黑客帝国文字下落效果

突然想到这个效果便想实现以下。

当然免不了要百度一下,于是查找到 http://www.cnblogs.com/myvin/p/4775152.html这篇文章, 效果可以查看博文中的给出的效果图。那么我们直接分析代码吧



    
    The Matrix <span style="color:#0000ff;">for</span> Practice
    


    

the matrix

哈哈哈,直接将作者代码搬过来了,好了废话不多说直奔主题。

我这里贴出的代码是改善过的

  if(drop[i]*font_size>(matrix.height*1/3)&&Math.random()>0.95)/*reset*/  

这段代码原作者用的是2/3  但是实际效果第一次出现时候,一个整版面感觉像隔断了意向,而且需要“移动”到2/3处后才会错乱开来,感觉不够“神奇”于是稍加改动,当然,这样做并没有什么卵用,只是让整齐的版面时间减少了。

  drop[i]=1+Math.random()*10;

这句代码也是我改后的,原作者设置的是固的值。没有后边的Math.random()*10 这导致了开场要绘制所有的数据在同一行,还是那句话,看起来不够“神秘”,为了快速的进入“神秘”场景于是,略加改动。

下图是改动后的效果:

js实现黑客帝国文字下落效果_第1张图片

 

当然这整体看起来感觉还是很平淡呀。于是继续进行改造

 

 

转载于:https://www.cnblogs.com/netqq/p/5542796.html

你可能感兴趣的:(js实现黑客帝国文字下落效果)