用javascript实现数字雨

数字雨这个东西，无数人写过了，我这个是上课无聊写的版本，纯属娱乐，没有经过性能优化的版本。

和别人不太一样的是我这个版本用了ascii码，数字会变化，就是性能不佳，懒得优化。

和之前的太阳系模型、小人互殴系统一样都是拿来伪装成动态壁纸的。

<!DOCTYPE html>
<html>
<head><title>number rain</title>
</head>
<body style='background-color:black;margin:0;padding:0;width:100%;height:100%;overflow:hidden;'>
<div id='div'></div>
</body>
<script type="text/javascript">function id(x){return document.getElementById(x)}function c(K){var t = document.createElement('div');t.innerHTML = String.fromCharCode(Math.round(Math.random()*128)-1);t.style = 'position:absolute;color:green;font-weight:bold;';t.style.left = 20*K + 'px';t.speed = 4+(Math.random()-0.5)*0.5;t.top = 0;id('div').appendChild(t);return t;}window.onload = function(){var w = window.innerWidth;var h = window.innerHeight;var nx = Math.round(w/20);var all = [];for(var j=0;j<50;j++){for(var i=0;i<nx;i++){all.push(c(i));}}function render(){for(var i=0;i<all.length;i++){all[i].top += all[i].speed;if(all[i].top>h+20){all[i].top = 20;all[i].speed = 4 + (Math.random()-0.5)*5;}all[i].style.top = all[i].top + 'px';if(Math.random()<0.1){all[i].innerHTML = String.fromCharCode(Math.round(Math.random()*128)-1);}all[i].style.color = 'rgb(0,'+Math.round((all[i].top*2)/h*255)+',0)';}requestAnimationFrame(render);}requestAnimationFrame(render);}</script>
</body>
</html>

用javascript实现数字雨相关推荐

【炫酷秀】仅用4行代码再现《黑客帝国》数字雨，可立即在终端实现！
关注上方"深度学习技术前沿",选择"星标公众号", 资源干货,第一时间送达! 提到<黑客帝国>,字符雨可谓是让人印象深刻. 这种科技感爆棚的特效,你 ...
4行代码再现《黑客帝国》数字雨，在终端实现的那种
十三发自凹非寺量子位报道 | 公众号 QbitAI 提到<黑客帝国>,字符雨可谓是让人印象深刻. 这种科技感爆棚的特效,你是否也想来一套? 这个,可以有. 最近,名叫akinomy ...
JavaScript格式化数字显示格式
为什么80%的码农都做不了架构师?>>> JavaScript格式化数字显示格式 /** * 格式化数字显示方式 * 用法 * formatNumber(12345.999,' ...
C语言项目：黑客帝国之数字雨
编辑相信大家看过许许多多的关于计算机黑客.骇客.人工智能.AI方面的电影,每当黑客入侵某个五角大楼,某个网站时,都会出现这样一幅画面: 编辑然后就轻而易举的成功入侵夺取管理员权限了,这时候的我们, ...
【黑客帝国数字雨屏保】基于Win32的黑客帝国数字雨屏幕保护程序（附VS工程代码文件和可执行文件）
运行效果代码结构 //黑客帝国数字雨花心胡萝卜 #包含 <windows.h> #包含 <stdlib.h>#define 时钟编号 1 #define 最大长度 25 / ...
用JavaScript将数字转换为大写金额
项目中用到的,用JavaScript将数字转换为大写金额,分享出来给大家 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 ...
JavaScript将数字转换为大写金额
用JavaScript将数字转换为大写金额,好了 0.0 To code! var digitUppercase = function(n) {var fraction = ['角', '分'];va ...
canvas+gif.js打造自己的数字雨头像
前言昨天是1024程序员节,不知道各位看官过的怎么样.既然是过节,就要有个过节的样子,比方说,换个头像?.你看我的头像牛逼不.今天介绍一个小demo,上传一个静态头像,就能得到一个动态的数字雨头像 ...
手机数字雨_cmd命令如何实现数字雨的效果
cmd命令是一款可以实现各种操作的电脑命令,很多的小伙伴们最近都在问cmd命令如何实现数字雨的效果?今天小编就为大家带来了cmd命令数字雨教程,感兴趣的话就一起来看看吧. cmd命令数字雨教程: 1. ...

用javascript实现数字雨

用javascript实现数字雨相关推荐

最新文章

热门文章