炫酷的代码雨

article/2025/9/2 3:06:29

相信大家都看过《黑客帝国》吧,里面的代码雨是不是非常炫酷 ?今天带大家做出代码雨。

bat文件

bat1

@echo off :: Code by hxuan999 2006-11-12 CMD@XP :: http://www.cn-dos.net/forum/viewthread.php?tid=24418 setlocal ENABLEDELAYEDEXPANSION color 02 for /l %%i in (1,1,80) do ( set Down%%i=0 ) :loop for /l %%j in (1,1,80) do ( set /a Down%%j-=1 if !down%%j! LSS 0 ( set /a Arrow%%j=!random!%%4 set /a Down%%j=!random!%%15+10 ) if "!Arrow%%j!" == "1" ( set /a chr=!random!%%2 set /p=!chr!<NUL ) else ( set /p= <NUL ) ) goto loop goto :eof 

命名为:代码雨1.bat

bat2

@echo off
title digitalrain
color 0b
setlocal ENABLEDELAYEDEXPANSION
for /l %%i in (0) do (
set "line="
for /l %%j in (1,1,80) do (
set /a Down%%j-=2
set "x=!Down%%j!"
if !x! LSS 0 (
set /a Arrow%%j=!random!%%3
set /a Down%%j=!random!%%15+10
)
set "x=!Arrow%%j!"
if "!x!" == "2" (
set "line=!line!!random:~-1! "
) else (set "line=!line! ")
)
set /p=!line!<nul
)

(照上面命名为代码雨.bat  以此类推)

bat3

@echo off 
color 02 
:start 
echo %random% %random% %random% %rangom% %random% %random% %rangom% %random% %random% %random% %random% %rangom% %rangom% 
goto start 

html文件

<canvas id="canvas" style="background:black" width="620" height="340"></canvas>
<audio style="display:none; height: 0" id="bg-music" preload="auto" src="music/黑客帝国.mp3"></audio>
<style type="text/css">
body{margin: 0; padding: 0; overflow: hidden;}
</style>
<script type="text/javascript">window.onload = function(){//获取图形对象var canvas = document.getElementById("canvas");//获取图形的上下文var context = canvas.getContext("2d");//获取浏览器屏幕的宽度和高度var W = window.innerWidth;var H = window.innerHeight;//设置canvas的宽度和高度canvas.width = W;canvas.height = H;//每个文字的字体大小var fontSize = 15;//计算列var colunms = Math.floor(W /fontSize);    //记录每列文字的y轴坐标var drops = [];//给每一个文字初始化一个起始点的位置for(var i=0;i<colunms;i++){drops.push(0);}//运动的文字var str ="01abcdefghijklmnopqurstuvwxyz";//4:fillText(str,x,y);原理就是去更改y的坐标位置//绘画的函数function draw(){//让背景逐渐由透明到不透明context.fillStyle = "rgba(0,0,0,0.05)";context.fillRect(0,0,W,H);//给字体设置样式//context.font = "700 "+fontSize+"px  微软雅黑";context.font = fontSize + 'px arial';//给字体添加颜色context.fillStyle ="green";//随意更改字体颜色//写入图形中for(var i=0;i<colunms;i++){var index = Math.floor(Math.random() * str.length);var x = i*fontSize;var y = drops[i] *fontSize;context.fillText(str[index],x,y);//如果要改变时间,肯定就是改变每次他的起点if(y >= canvas.height && Math.random() > 0.92){drops[i] = 0;}drops[i]++;}};function randColor(){var r = Math.floor(Math.random() * 256);var g = Math.floor(Math.random() * 256);var b = Math.floor(Math.random() * 256);return "rgb("+r+","+g+","+b+")";}draw();setInterval(draw,33);};</script>

命名为:代码雨4.html

演示(html)

 更多

更多代码雨持续更新,抢先体验戳这里


http://chatgpt.dhexx.cn/article/uAkDRah5.shtml

相关文章

“代码雨”纯HTML源码实现及效果

先看看效果 1、绿色&#xff1a; 2、彩色&#xff1a; 3、背景色&#xff1a; 4、绿色逐渐变浅&#xff1a; 源代码&#xff1a; <!DOCTYPE html> <html><head> <meta http-equiv"Content-Type" content"text/html;charsetutf-8"…

代码雨大全(装逼或学习)--KuaiLe推荐

这种&#xff1b;注&#xff1a;后面还有。 代码&#xff1a; echo off title digitalrain color 0a &#xff1a;<-----修改颜色 setlocal ENABLEDELAYEDEXPANSION for /l %%i in (0) do ( set "line" for /l %%j in (1,1,80) do ( set /a Down%%j-2 set…

代码雨怎么编写

百度经验:jingyan.baidu.com Windows编程语言技巧。DOS命令编程。如何使用DOS命令编写一个代码雨小程序&#xff1f; 百度经验:jingyan.baidu.com 工具/原料 电脑 记事本 百度经验:jingyan.baidu.com 方法/步骤 1 很多人都觉得黑客帝国里&#xff0c;电脑屏幕上的绿色代码雨非常…

代码雨教程

可以用电脑自带的文本文档打&#xff0c;很简单的。 <!DOCTYPE html> <html> <head> <meta charset"utf-8"> <style type"text/css"> html,body{width: 100%;height: 100%;} body{ background: #000; overflow: hidden; m…

用最简单的方法生成代码雨,效果相当的哇塞。

生成黑客帝国中的代码雨&#xff0c;效果相当的哇塞&#xff0c;过程相当的简单&#xff0c;不需要电脑额外的安装工具。 文章目录 前言一、使用步骤1.在桌面新建一个txt文本2.代码3.最重要的步骤4.运行代码 总结 前言 提示&#xff1a; 有时候需要装X&#xff0c;高一些看起…

多种代码生成炫酷代码雨(推荐)

学习目标 1、一周掌握 JAVA入门到进阶知识 2、掌握基础C#l窗体知识 3、手把手教你vbs脚本制作 4、强大的 IDEA编程利器 5、经典少见的 面试题目技巧 本人主页 多种代码生成代码雨 文章目录 学习目标多种代码生成代码雨一、html代码雨效果图&#xff1a;代码块 二、vb代码雨效…

三分钟教你实现“代码雨”

本篇文章介绍一下如何实现“代码雨”。有一定的参考价值&#xff0c;有需要的朋友可以参考一下&#xff0c;希望对大家有所帮助。 先看看效果 1、绿色&#xff1a; 2、彩色&#xff1a; 3、背景色&#xff1a; 4、绿色逐渐变浅&#xff1a; 源代码&#xff1a; <!DOCTYPE …

30行python代码实现“代码雨”

介绍 上手 python&#xff0c;很多人最先接触的就是 pygame 包了&#xff0c;能在有一定趣味性的同时&#xff0c;建立起对 python 的基本认识。 提到编程&#xff0c;我想很多人的第一印象就是影片中的黑客形象&#xff0c;在黑色背景下敲击键盘&#xff0c;打出闪烁着绿光的…

云服务器和传统服务器的区别,企业选哪个比较合适

随着云计算的发展&#xff0c;更多的个人和企业都会了解到云服务器&#xff0c;那么云服务器和传统服务器哪个更好&#xff0c;选择云服务器还是传统服务器&#xff1f;还是跟着赞奇云工作站一起来看看文章就明白了。 服务器一般分为云服务器和传统物理服务器。服务器具有高速…

腾讯云服务器地域有什么区别?怎么选比较好

腾讯云服务器地域有什么区别&#xff1f;云服务器地域怎么选择&#xff1f;地域是指云服务器所在机房的地理位置&#xff0c;用户距离地域越近网络延迟越低&#xff0c;速度越快&#xff0c;所以地域就近选择即可。广州上海北京等地域网站域名需要备案&#xff0c;中国香港或其…

阿里云服务器选择什么操作系统比较好?

阿里云服务器操作系统分为Linux和Windows两大类&#xff0c;Linux可以选择Alibaba Cloud Linux&#xff0c;Windows可以选择Windows Server 2022 数据中心版 64位中文版&#xff0c;阿里云百科来详细说下阿里云服务器操作系统有哪些&#xff1f;以及选择哪个操作系统比较好&…

在这个云时代,如何选择性价比更高的云服务器

目录 前言 1. 解决方法 2. 为什么不继续局域网 3. 云服务器部署的优点 4. 如何选择云服务器 5. 京东云售后服务 6. 产品云链接 7. 如何购买 结语 前言 上学期呢&#xff0c;我室友眼看着我天天学习Python&#xff0c;自己也坐不住了&#xff0c;然后也就跟着我学Pytho…

本地服务器与云服务器哪个好?

本地服务器和云服务器是企业可以使用的两种不同的服务器设置。主要区别在于本地服务器托管&#xff0c;第三方提供商托管云服务器。那么&#xff0c;本地服务器和云服务器哪个更好呢&#xff1f; 接下来&#xff0c;将带大家讨论本地服务器和云服务器的优缺点&#xff0c;并帮…

云平台和买服务器对比

单模态模型配置以及花费时间 Second模型 GPU&#xff1a;8 Nvidia V100 GPUs块数&#xff1a;8训练时间&#xff1a;大约24小时使用4块3090跑的时间&#xff1a;大约28-30小时 PV-RCNN模型 GPU&#xff1a;8 Nvidia V100 GPUs块数&#xff1a;8训练时间&#xff1a;大约2-3…

阿里云和腾讯云这两家对比哪个比较好一些?

因工作关系&#xff0c;两家都有接触&#xff0c;也推荐过客户用过两家的服务器及其他云资源&#xff0c;今天从市场、性能、服务、价格等几个方面简单聊聊&#xff1a; 阿里云&#xff1a;成立于2009年&#xff0c;国内第一家云计算平台&#xff0c;也是目前国内最大、全球第…

深度数据对比分析:阿里云服务器和腾讯云服务器那家好?

云服务器具有维护成本低&#xff0c;安全稳定&#xff0c;高可扩展性和 7 X 24 小时的售后支持的优势&#xff0c;因此云服务器成为中小企业建站的首要选择。国内的云服务器竞争也进入了跑马圈地的时代&#xff0c;以阿里云、腾讯云、百度云三大BAT为首&#xff0c;不断推出优惠…

国内云服务器全面对比

想要领取优惠券购买云服务可以前往我的云服务器领券购买。 经过疫情三年&#xff0c;大多行业开始复苏&#xff0c;企业开始布局以后得发展&#xff0c;云服务器作为企业发展几乎是必须的&#xff0c;一个企业从无到有&#xff0c;要经历很多&#xff0c;比如企业官网搭建&…

哪个品牌云服务器性价比高,比较好用?

博主在这里只推荐国内的云服务器&#xff0c;为什么不推荐国外的呢&#xff1f;没别的&#xff0c;就是支持国产&#xff01;&#xff01;&#xff01; 也希望大家都能支持我们国产的品牌&#xff0c;少用外国货&#xff0c;哈哈~ 当然了&#xff0c;还有其它方面的原因。 一…

云服务器哪家好?云服务器评测对比

云服务器是所有云计算服务商提供的最基础产品&#xff0c;国内云服务器就属BAT(阿里云、腾讯云、百度云)三家企业了&#xff0c;其实厂商一般会根据分配的资源划分云服务器的级别和规格。但是由于采用的基础硬件、架构和调优技术存在差别&#xff0c;类似配置的云服务器之间也可…

云主机、云服务器、VPS的区别性能比较

IT技术不断发展&#xff0c;人们对于网络业务的办公需求也不断提高&#xff0c;Vps和云主机、云服务器比较来说&#xff0c;从产品的稳定性能、故障迁移、升级扩展和存储模式等方面都是云主机、云服务器要更好一点&#xff0c;本文将详细分析云主机、云服务器和VPS&#xff0c;…