黑客帝国代码雨
黑客帝国代码雨奉上,之前一直想写,但一直没抽出时间来,今天把他写了,也算了了装心事
效果图如下
原理就不讲了,代码写的很清楚而且不长
有不懂的评论区问我就好
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>canvas代码雨</title><style>* {padding: 0;margin: 0;}canvas {display: block;width: 100vw;height: 100vh;background-color: black;}</style>
</head><body><canvas></canvas><script>const canvas = document.querySelector('canvas');const ctx = canvas.getContext('2d');function init() {canvas.width = window.innerWidth * devicePixelRatiocanvas.height = window.innerHeight * devicePixelRatio}init()const fontSize = 10 * devicePixelRatioctx.font = fontSize + 'px Microsoft YaHei'const column = Math.floor(canvas.width / fontSize)const charIndex = new Array(column).fill(0)function draw() {ctx.fillStyle = 'rgba(0,0,0,0.1)'ctx.fillRect(0, 0, canvas.width, canvas.height)ctx.fillStyle = '#0f0'ctx.textBaseline = 'top'for (let i = 0; i < column; i++) {const text = getRandomChat()const x = i * fontSizeconst y = charIndex[i] * fontSizectx.fillText(text, x, y)if (y > canvas.height && Math.random() > 0.99) {charIndex[i] = 0} else {charIndex[i]++}}}function getRandomChat() {const str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'return str.charAt(Math.floor(Math.random() * str.length))}draw()setInterval(draw, 30)</script>
</body></html>
相关文章：
黑客帝国代码雨
黑客帝国代码雨奉上,之前一直想写,但一直没抽出时间来,今天把他写了,也算了了装心事 效果图如下 原理就不讲了,代码写的很清楚而且不长 有不懂的评论区问我就好 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8">&l…...
基于SpringBoot的植物健康系统
目录 前言 一、技术栈 二、系统功能介绍 系统首页 咨询专家 普通植物检查登记 珍贵植物检查登记 植物救治用料登记 植物救治材料管理 植物疾病案例管理 三、核心代码 1、登录模块 2、文件上传模块 3、代码封装 前言 随着信息技术在管理上越来越深入而广泛的应用&am…...
Kettle连接数据库[MySQL]报错
在连接数据库页面填写完成后点击“测试” 报错信息： 错误连接数据库 [ETLqiangzi] : org.pentaho.di.core.exception.KettleDatabaseException: Error occurred while trying to connect to the databaseDriver class org.gjt.mm.mysql.Driver could not be found…...
Postman接口测试学习之常用断言
什么是断言？ 断言——就是结果中的特定属性或值与预期做对比，如果一致，则用例通过，如果不一致，断言失败，用例失败。断言，是一个完整测试用例所不可或缺的一部分，没有断言的测试用例…...
自动化机器学习AutoML之flaml：利用flaml框架自动寻找最优算法及其对应最佳参数python
AutoML 一、自动化机器学习包简介1、H2O （Python，R，Java，Scala）2、auto-sklearn（Linux，Python）3、FLAML（Python）4、AutoGlueon（安装比较啰嗦，略过）二、FLAML1、安装2、方法.fit()常用参数介绍3、代码(1) 解决分类问题(2)解决回归问题一、自动化机器学习包简介 机…...
支付宝sdk商户私钥 如何生成？
1、先下载密钥工具 https://opendocs.alipay.com/isv/02kipk 2、安装后生成密钥 3、配置密钥 4、将工具生成的公钥复制进去生成公钥 简单来说就是私钥是用工具生成的，不会在页面上显示 商户私钥 支付宝公钥...
Linux之epoll理解
IO多路复用有几种实现方式：select poll和epoll。本篇文章对epoll进行总结理解。 IO多路复用的含义，我个人的理解是通过一个线程实现对多个socket的侦听，epoll与select和poll的区别是epoll效率最高。select的最高管理1024个socket并且是通过轮…...
龟速乘 - a * b爆ll且模数很大时的计算方法
LL qmul(LL a, LL k, LL b) {LL res 0;while (k){if (k & 1) res (res a) % b;a (a a) % b;k >> 1;}return res; } 如果int128也会爆掉的话可以用这种方法 也是快速幂的思想，快速幂是乘，这个是加...
计算机网络笔记3 数据链路层
计算机网络系列笔记目录👇 计算机网络笔记6 应用层计算机网络笔记5 运输层计算机网络笔记4 网络层计算机网络笔记3 数据链路层计算机网络笔记2 物理层计算机网络笔记1 概述 文章前言 💗 站在巨人的肩膀上，让知识的获得更加容易！…...
如何实现矩阵的重采样问题
文章目录 前言一、问题描述二、回答 前言 记录知乎的自问自答。 一、问题描述 我的问题是这样的，有两个列向量E和F，需要注意的是，E和F是连续的，可任意插值，得到包含其中的子向量。E和F通过一个mn的矩阵联系起来&…...
Spring-事务管理-加强
目录 开启事务 编程式事务 声明式事务 声明式事务的优点 声明式事务的粒度问题 声明式事务用不对容易失效 Spring事务失效可能是哪些原因 Transactional(rollbackFor Exception.class)注解 Spring 事务的实现原理 事务传播机制 介绍 用法 rollbackFor 场景举例 …...
Minecraft个人服务器搭建自己的皮肤站并实现外置登录更换自定义皮肤组件
Minecraft个人服务器搭建自己的皮肤站并实现外置登录更换自定义皮肤组件 大家好，我是艾西有不少小伙伴非常喜欢我的世界Minecraft游戏，今天小编跟大家分享下Minecraft个人服务器怎么设置皮肤站。 Minecraft皮肤站是什么？其实官网就有皮肤站…...
解决ubuntu中没有网络连接的图标
现象：Ubuntu连接网络 在设置中没有显示网络图标 解决方案： 命令为 sudo nmcli networking off sudo nmcli networking on sudo service network-manager restart 重启ubuntu，网络连接完成...
数据结构基本概念-Java常用算法
数据结构基本概念-Java常用算法 1、数据结构基本概念2、数据逻辑结构3、算法时间复杂度 1、数据结构基本概念 数据（Data）：数据是信息的载体，其能够被计算机识别、存储和加工处理，是计算机程序加工的“原材料”。数据元…...
流程图设计制作都有哪些好用的工具
流程图是一种直观的图形表示方式，通常用于显示事物的过程、步骤和关系。在现代工作中，设计师经常需要绘制各种流程图来解释工作过程、产品设计等。本文将为您推荐7个流程图软件，以帮助您快速绘制高效的流程图，并提高工作效率。 即…...
2023-10-7
今日感冒了，整个人都不舒服，现在才 8 点，已经不想学习了。嗓子眼感觉不属于我了，痛死了。然后头也晕。 哎，今天又啥也没干 今日学习： 哎，今天就做了 RWCTF2022-Digging-into-kernel-2 这道题…...
【java源码】二甲医院his系统全套源码 云HIS系统源码
基层医院云HIS系统源码 一款满足基层医院各类业务需要的云HIS系统。该系统能帮助基层医院完成日常各类业务，提供病患挂号支持、病患问诊、电子病历、开药发药、会员管理、统计查询、医生站和护士站等一系列常规功能，还能与公卫、PACS等各类外部系统融合&…...
LRU 缓存 -- 哈希链表
相关题目 146. LRU 缓存 要让 put 和 get ⽅法的时间复杂度为 O(1)，我们可以总结出 cache 这个数据结构必要的条件： 1、显然 cache 中的元素必须有时序，以区分最近使⽤的和久未使⽤的数据，当容量满了之后要删除最久未使⽤的那个元…...
DWC数字世界大会先导论坛将于10月13日在宁波举办 | 数字技术赋能世界可持续发展
农业经济影响世界数千年，工业经济从欧美发源开始已有数百年，数字经济作为世界未来发展之大势，将成为影响未来数百年的世界命题。在以中国式现代化全面推进中华民族伟大复兴的历史征程中，数字技术、数字经济作为中国式现代化实践最…...
Springboot实现登录功能（token、redis、登录拦截器、全局异常处理）
登录流程： 1、前端调用登录接口，往接口里传入账号，密码 2、根据账号判断是否有这个用户，如果有则继续判断密码是否正确 3、验证成功后，则是根据账号，登录时间生成token（用JWT） 4、将…...
Agent+用药提醒：真正难的不是提醒，而是结合病情和依从性管理
用药提醒如果只做成定时推送，本质上接近一个带药品名称的闹钟。医疗健康应用里更棘手的问题是：用户是否按计划执行、漏服后如何记录、连续异常时是否需要升级提醒，以及这些规则如何被机构确认并可审计。本文只讨论技术架构和工程流程示例&…...
成都不良资产收包出包难？专业处置破局存量盘活困境
不仅如此，规范化的不良资产处置模式，还能助力区域化解债务风险，稳定地方金融环境，激活存量资产活力，对地方经济发展起到正向推动作用。不良资产收包出包，拼的从来不是蛮力与时间，而是专业、合规…...
3种创新技术突破Cursor AI编辑器限制：cursor-free-vip深度解析
3种创新技术突破Cursor AI编辑器限制：cursor-free-vip深度解析 【免费下载链接】cursor-free-vip [Support 0.45]（Multi Language 多语言）自动注册 Cursor Ai ，自动重置机器ID ， 免费升级使用Pro 功能: Youve reached …...
卡尔曼滤波：从原理到工程实践，掌握状态估计的核心算法
1. 从“猜”到“算”：一个工程师眼中的卡尔曼滤波 如果你在自动驾驶、机器人导航、无人机飞控或者金融数据分析等领域摸爬滚打过，那么“卡尔曼滤波”这个名字对你来说，可能既熟悉又陌生。熟悉是因为它无处不在，是解决“状态估计”…...
初次使用 Taotoken 控制台的快速浏览与核心功能导引
🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 初次使用 Taotoken 控制台的快速浏览与核心功能导引 当你注册并登录 Taotoken 平台后，首先进入的就是用户控制台。这个…...
【软考高级架构】论文范文21——论Kappa架构在大数据平台中的设计与应用
论Kappa架构在大数据平台中的设计与应用 摘要 随着大数据技术的快速发展，传统Lambda架构因需要同时维护批处理和流处理两套系统，导致开发复杂度高、数据口径不一致、运维成本大等问题日益突出。Kappa架构作为一种精简的统一处理范式，通过将数据全部视为流、以消息队列为核…...
创业公司如何设计有效的OKR
创业公司如何设计有效的OKR 前言 创业第一年，我们没有明确的目标，大家都很忙，但不知道忙什么。每个人都在做事，但好像没有形成合力。 后来我开始研究 OKR（Objectives and Key Results），发现这不…...
32dB增益+79%效率：HT20340S在工业射频能源中的高能效设计
HT20340S：400W LDMOS宽带射频功率放大器在大功率射频能量应用、工业加热、等离子体激励以及宽带通信等领域，功率放大器（PA）的性能直接决定了系统的发射效率与作用距离。当需要在10MHz至300MHz的宽带范围内实现数百瓦的连续波输出时…...
别再手动改端口了！用这个OrCAD小补丁，3分钟搞定原理图端口标准化
告别混乱设计：OrCAD端口标准化高效解决方案 在复杂的电子设计项目中，原理图的整洁与规范程度直接影响着团队协作效率和后期维护成本。当多位工程师共同参与同一项目时，端口类型和朝向的不统一往往成为困扰PCB设计团队的常见问题。这种看似微小…...
【Autosar】MCAL - 从零到一的工程配置实战
1. 工程创建：从零搭建MCAL开发环境 第一次打开Autosar配置工具时，面对满屏的选项确实容易发懵。记得我刚接触MCAL配置时，光是工程创建就反复折腾了好几次。下面我就把踩过的坑和验证过的正确姿势分享给大家。 创建新工程时，工程名…...