1、代码雨特效教程 更文时间：2018/04/08 新的尝试 尝试一下新的写作吧，这是第一篇技术类的文章（笔记…），以后可以也会继续更。
2、希望自己能写得出小白也能看得懂的东西。
(资料图片仅供参考)
3、（当然最重要的是自己懂啦..hhhh） 代码雨特效 相信大家都看过黑客帝国，代码雨的特效给人留下了比较深的印象，那么，这样的特效用代码是怎样写出来的呢？ 其实，代码也非常简单啦。
4、万物皆有其属性以及规律，我们要做的就是把这个特效的属性以及规律用代码表示出来。
5、一起来看看吧。
6、 作图之前，第一步当然是要准备“画布”啦： 然后我们定义画布的大小=网页窗口的大小： 准备工作做好，我们就可以分析特效中的元素啦。
7、首先要定义的就是屏幕里掉落那些数字，我们希望掉落数字1-9 接下来，设置数字的大小，以及计算屏幕能够放多少列。
8、这里我们设置大小为16个像素，用屏幕宽度除以数字大小得到列数。
9、 那么数字从哪里开始掉落呢？我们希望从最顶部开始掉落，于是我们还需要另一个数组来进行一下初始化，这个就是得到每一列y轴的坐标啦。
10、 好了，这些做好之后，我们就该开始绘制数字效果啦！ 之前我们定义了我们需要的数字，我们希望随机抽取一个，然后每一列都在窗口顶部开始。
11、还记得我们刚才的初始化吗，输出文字时使用fillText()可以指定元素位置，i* font_size , drop[i] * font_size，就是指的每一列开始的横坐标与纵坐标啦 到目前为止我们已经成功做出来一张可以铺满全屏的数字代码，但是这不并不是我们想要效果。
12、 我们希望数字绘满一页后可以从头再开始画，同时我们还希望每一列代码长短不一——这个可以通过设置随机数来实现，比如当随机数大于0.9就重新开始绘制。
13、 这样循环效果是出来了，但是还是不好看，我们可以通过增添样式，让他好看一点， 好，这样一来，完整的数字特效代码就写出来了： 接下来就只需要让他无限循环下去就好啦！ 这样就…等等，还没有结束，还记得之前我们定义了画布的大小=窗口的大小吗，当我们打开的时候他会计算你第一次打开时窗口的大小，当我们改变窗口大小的时候，图画是不会跟着变的。
14、 于是我们还需要在window上添加onresize事件，浏览器窗口改变时重新计算canvas的大小： 这样才算真的大功告成！怎么样，是不是很简（cai）单（guai）呢！THE END免责声明：本文来自腾讯新闻客户端自媒体，不代表腾讯网的观点和立场。
本文就为大家分享到这里，希望小伙伴们会喜欢。
标签：
上一篇 : osd锁定是啥意思_osd锁定什么意思
下一篇 : 最后一页
最新推荐
1、代码雨特效教程更文时间：2018 04 08 新的尝试 尝试一下新的写作吧，这是第一篇技术类的文章...
1、就是显示器菜单锁定、没有什么用、不用管。本文到此分享完毕，希望对大家有所帮助。
[emailprotected]，北京发布空气质量预报：10日夜间，受西北外来沙尘影响，空气质量为中度-重度污染。预计
3月10日电，格灵深瞳公布首次公开发行部分限售股上市流通公告，此次上市流通的限售股份数量为8026 1181...
女职工领取生育津贴标准是什么女职工?生育津贴领取标准及新规是什么接下来跟社保网小编一起来看看最新相...
1、《啪啪说第二季》是中国两性教育类综艺节目。本文到此结束，希望对大家有所帮助。
1、给宝宝吃芝士条的好处是芝士条的蛋白质含量很高。一般奶酪都是用浓缩牛奶制成的，其营养价值和钙、磷...
故事发生在一个幽静美丽景色宜人的私人社区之中，尼克（弗兰克·格里罗FrankGrillo饰）带着妻子萨拉（马利索·
1、等位基因:位于一对同源染色体的相同位置上控制某一性状的不同形态的基因。2、不同的等位基因产生例如...
1、《春日寄怀湛堂》是清代诗人杭澄创作的一首七言律诗。文章到此就分享结束，希望对大家有所帮助。
1、梦然换种生活，让自己变得快乐放弃执着，天气就会变得不错每次走过。2、都是一次收获还等什么做对的...
1、嘉祥一中软件一直很好，在济宁市属于一流的高中。2、目前硬件也上来了，在教学管理和教学质量上也还...
1、如果你是指原班人马或者是原有剧情的接续的话，没有。2、《美人心计》是取材于瞬间倾城的《未央沉浮...
1、是这样的，首先你要有卷轴学习相应的附魔卡，卷轴在莎兰处买到或者特定的怪直接掉落。2、然后你找个...
精功科技:2023年第二次临时股东大会决议公告
属性：华丽，优雅，成熟，性感，酷。技能：温暖的微笑，挑剔的眼神，迷人的吻，沉睡魔咒；发型：郑樵蓝(...
2022年京东物流营收达1374亿元拥有超37万名一线员工
【众源新材：子公司成为华霆动力某项目壳体产品供应商】众源新材(603527)3月9日晚间公告，公司控股子公...
2笔重磅的交易，让西部变天。湖人、爵士和森林狼完成三方交易，湖人送出威少、安德森、达米安-琼斯和202...
1、课件没有。2、但这些是我以前自己整理的重要概念。3、很详细的。4、希望对你有帮助！(*^__^*)嘻嘻…...
春风送暖，阳光和煦。在第113个“三八”国际妇女节来临之际，临沂第一实验小学教育集团开展“情满一小、...
博腾股份1月13日公告，公司预计2022年实现营业收入639亿元-735亿元，同比增长120%-130%；预计公司202
1、天气渐渐变冷，但当我们站在卫浴下准备洗澡时，才发现万和燃气热水器打不着火，为了让我们的家人也不...
明日上午9点，雄鹿将坐镇主场迎战篮网。多位雄鹿随队记者报道了球队最新伤情。此前缺战一场的字母哥（非...
《王者荣耀》在最近也更新了很多的内容，也获得了很多玩家的认可和喜欢，而在这次的话，也出现了很多的...
1、《坎巴拉太空计划》中玩家可以通过制作MOD的方式增强游戏的趣味性，下面我们将通过图文的方式为你详...
Valve发布了2月份在SteamDeck游戏机用户中最受欢迎的游戏列表。在冬天的最后一个月，领导者是角色扮演游...
1、《射雕英雄传》百度网盘txt最新全集下载；链接:提取码:r3ba《射雕英雄传》是金庸创作的长篇武侠小说。2、
1、《我们说好的》是雨天、杨蔓演唱的一首歌曲。2、收录在专辑《世间情歌三》当中。文章到此就分享结束...
新股暗盘|维天运通(2482 HK)暗盘段涨超3%：据富途证券，维天运通(2482 HK)暗盘段现报2 99港元，较发...
木纤维是由木质化的增厚的细胞壁和具有细裂缝状纹孔的纤维细胞所构成的机械组织，是构成木质部的主要成...
证券时报e公司讯，山石网科(688030)近日接受机构调研时表示，从下游的反馈来看，2023年一季度已经开始复...
腐团儿是一个知名度非常高的女主播，拥有着很高的人气。依靠着超高的颜值以及完美的身材，腐团儿吸引了...
首先确定一下，如果不小心按了CTRLt，游戏静音。在那之后按最后一个英文单词。以un开头或者不静音。然后...
说到上汽荣威，对其比较了解的朋友都能想到其经典车型RX系列，其中的RX5车型也夺得了较好的销量与口碑，...
1、哈里森·巴恩斯（HarrisonBarnes），男，1992年5月30日出生于美国爱荷华州艾姆斯（Ames,Io
1、胃病是一种慢性病，不可能在短期内治好胃病患者要注意忌嘴，不吃过冷、过烫、过硬、过辣、过粘，腌制...
1、李天然的原型人物是盐水小姐姐，就是喊蒋文强搬盐水的那个。就在国庆期间，蒋文强还和盐水小姐姐一起...
改编自才女张爱玲长篇小说《半生缘》的电视剧《情深缘起》，播出之后便引起了一阵轩然大波。重点的吐槽...
1、成分：2、羊肉500g、葱1根、大葱1根、姜1根、盐1勺、胡椒粉适量、料酒2勺、酱油2勺、孜然少许、胡椒...
1、以带双饵调漂为例，介绍下调漂过程，带单饵跟带双饵调漂过程是一样的。首先还是老方法，粗找底，这一...
1、冰红茶、冰绿茶的做法：我们在超市里晃悠的时候总是会看到一大堆一大堆的红茶绿茶，其实我们完全可以...
南京地铁有厕所的站点：1、南京地铁一号线在鼓楼站、新街口站、三山街站、天隆寺站、软件大道站、花神庙...
1、写到以下几点即可：1 可以先概括一下孩子此学期的学习状态，适当的做出表扬。2、2 提一些意见，说...
前些日子，阿里巴巴商户罗先生来了个“订单”。“客户”简单咨询后便前去下单。没多久，对方称系统提示...
1、支付宝数字证书是支付宝的一个认证程序，保证支付宝帐户资金安全。2、数字证书具有安全、保密、防篡...
产品价格区间（元 吨）均价（元 吨）涨跌（元 吨）氧化镝1960000-19800001970000-5000氧化铽10500000-1060000010550
1、日本一档综艺节目。文章到此就分享结束，希望对大家有所帮助。
【建议收藏】重磅！2023年郑州市轨交装备产业链全景图谱（附产业政策、产业链现状图谱、产业资源空间布...
郡县治则天下安，县域强则国家强。聚焦医疗卫生领域，基层医疗体系肩负着百姓常见病、多发病的诊疗工作...
石头科技送进A股市场后加速撤退 重要股东抱团套现60亿
青海西宁“抗疫”女警花：疫情不退 警察不退
世界快资讯丨最大功率190马力，续航619公里，奔驰EQA是否值得买？
曼城打进主场的第1000个进球！B席获瓜帅盛赞福登创纪录_观焦点
全球视讯！qq受恶意注册的影响24小时要等多久_qq恶意注册怎么解决
中国存在感不高的省会城市，河北石家庄榜上有名，有人建议改名 天天最资讯
观速讯丨（两会声音）全国人大代表杨剑宇：发挥“扁担效应”助推数字经济创新提质
世界今亮点！轻纺城(600790.SH)：已累计耗资约4.81亿元回购7.36%的股份
快播：通富微电：公司提供毫米波产品封测业务，下游应用领域有包括车载雷达等
2011第二届中国广州国际食品工业博览会暨第七届中国广州国际食品交易展览会|全球快资讯
今日快讯：大熊猫七七突发肠梗阻 将接受手术具体详细内容是什么
Copyright © 2015-2022 青年律师网版权所有 备案号：皖ICP备2022009963号-20 联系邮箱：39 60 291 42@qq.com