java 代码实现《黑客帝国》酷炫数字雨效果

本贴最后更新于 3398 天前,其中的信息可能已经事过境迁

直接上效果图:

1472700330637

目前的样子还可以美化,期待其他童鞋效果图 0.0
下边是代码

package cn.com.entity;

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Cursor;
import java.awt.Dimension;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Image;
import java.awt.Point;
import java.awt.Toolkit;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;
import java.awt.image.MemoryImageSource;
import java.util.Random;

import javax.swing.JDialog;
import javax.swing.JPanel;
import javax.swing.Timer;

public class Rain extends JDialog implements ActionListener {
	
	private static final long serialVersionUID = 1549334578038217282L;

	private Random random = new Random();
	private Dimension screenSize;
	private JPanel graphicsPanel;
	// 行高,列宽
	private final static int gap = 20;
	// 存放雨点顶部的位置信息(marginTop)
	private int[] posArr;
	// 行数
	private int lines;
	// 列数
	private int columns;

	public Rain() {
		initComponents();
	}

	private void initComponents() {
		setLayout(new BorderLayout());
		graphicsPanel = new GraphicsPanel();
		add(graphicsPanel, BorderLayout.CENTER);
		// 设置光标不可见
		Toolkit defaultToolkit = Toolkit.getDefaultToolkit();
		Image image = defaultToolkit.createImage(new MemoryImageSource(0, 0, null, 0, 0));
		Cursor invisibleCursor = defaultToolkit.createCustomCursor(image, new Point(0, 0), "cursor");
		setCursor(invisibleCursor);
		// ESC键退出
		KeyPressListener keyPressListener = new KeyPressListener();
		this.addKeyListener(keyPressListener);
		// this.setAlwaysOnTop(true);
		// 去标题栏
		this.setUndecorated(true);
		// 全屏
		this.getGraphicsConfiguration().getDevice().setFullScreenWindow(this);
		this.setDefaultCloseOperation(JDialog.DISPOSE_ON_CLOSE);
		setVisible(true);

		screenSize = Toolkit.getDefaultToolkit().getScreenSize();
		lines = screenSize.height / gap;
		columns = screenSize.width / gap;

		posArr = new int[columns + 1];
		random = new Random();
		for (int i = 0; i < posArr.length; i++) {
			posArr[i] = random.nextInt(lines);
		}

		// 每秒10帧
		new Timer(100, this).start();
	}

	/**
	 * @return 随机字符
	 */
	private char getChr() {
		return (char) (random.nextInt(94) + 33);
	}

	@Override
	public void actionPerformed(ActionEvent e) {
		graphicsPanel.repaint();
	}

	private class GraphicsPanel extends JPanel {
		private static final long serialVersionUID = 3043939524168375053L;

		@Override
		public void paint(Graphics g) {
			Graphics2D g2d = (Graphics2D) g;
			g2d.setFont(getFont().deriveFont(Font.BOLD));
			g2d.setColor(Color.BLACK);
			g2d.fillRect(0, 0, screenSize.width, screenSize.height);
			// 当前列
			int currentColumn = 0;
			for (int x = 0; x < screenSize.width; x += gap) {
				int endPos = posArr[currentColumn];
				g2d.setColor(Color.CYAN);
				g2d.drawString(String.valueOf(getChr()), x, endPos * gap);
				int cg = 0;
				for (int j = endPos - 15; j < endPos; j++) {
					// 颜色渐变
					cg += 20;
					if (cg > 255) {
						cg = 255;
					}
					g2d.setColor(new Color(0, cg, 0));
					g2d.drawString(String.valueOf(getChr()), x, j * gap);
				}
				// 每放完一帧,当前列上雨点的位置随机下移1~5行
				posArr[currentColumn] += random.nextInt(5);
				// 当雨点位置超过屏幕高度时,重新产生一个随机位置
				if (posArr[currentColumn] * gap > getHeight()) {
					posArr[currentColumn] = random.nextInt(lines);
				}
				currentColumn++;
			}
		}
	}

	private class KeyPressListener extends KeyAdapter {
		@Override
		public void keyPressed(KeyEvent e) {
			if (e.getKeyCode() == KeyEvent.VK_ESCAPE) {
				System.exit(0);
			}
		}
	}

	public static void main(String[] args) {
		new Rain();
	}

}

这是 html 版的

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
canvas {
	display: block;
}
</style>
</head>
<body>
	<canvas id="canvas"></canvas>
	<script>
		function $(id) {
			return document.getElementById(id);
		}
		//画布 的大小设置
		var mywindow = window.screen;
		var canvas = $("canvas");
		canvas.width = mywindow.width;
		canvas.height = mywindow.height;
		//要输出的信息
		var str = "0123456789";
		str = str.split("");
		var fontSize = 16;//输出字体的大小
		//每列显示多少个信息
		var cols = canvas.width / fontSize;
		//数组,统计下落的位置
		var drops = [];
		for (var i = 0; i < cols; i++) {
			drops[i] = 1;
		}
		var ctx = canvas.getContext("2d");
		function draw() {
			/**
			 *这的黑客帝国:
			 * 获取页面的 大小 包括宽度和高度
			 * 用cols获取能够宽度加载列数
			 * drops加载每一列的位置
			 * drops[2]=10 2为第二排的 top为10
			 */
			ctx.fillStyle = "rgba(0,0,0,0.05)";
			ctx.fillRect(0, 0, canvas.width, canvas.height);
			ctx.fillStyle = "green";
			ctx.font = fontSize + "px arial";
			for (var i = 0; i < cols; i++) {
				var text = str[Math.floor(Math.random() * (str.length))];
				// console.info("x-"+i*fontSize);
				// console.info("y-"+drops[i]*fontSize);
				ctx.fillText(text, i * fontSize, drops[i] * fontSize);
				if (drops[i] * fontSize > canvas.height || Math.random() > 0.95)
					drops[i] = 0;//把位置恢复到最上面
					//控制下落的位置
				drops[i]++;
			}
		}
		setInterval(draw, 33);
	</script>
</body>
</html>
  • 分享

    有什么新发现就分享给大家吧!

    251 引用 • 1801 回帖 • 1 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3206 引用 • 8217 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...

推荐标签 标签

  • golang

    Go 语言是 Google 推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说:我们之所以开发 Go,是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    502 引用 • 1397 回帖 • 240 关注
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统,在 BSD 开源许可证下发布。

    23 引用 • 22 回帖
  • 导航

    各种网址链接、内容导航。

    45 引用 • 177 回帖
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息(如用户名与密码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 44 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点;但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中,从而不再需要读写 HDFS,因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 563 关注
  • 工具

    子曰:“工欲善其事,必先利其器。”

    308 引用 • 773 回帖
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 429 关注
  • 深度学习

    深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    45 引用 • 44 回帖 • 1 关注
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    134 引用 • 1128 回帖 • 93 关注
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    8 引用 • 69 回帖 • 6 关注
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    2 引用 • 14 回帖 • 6 关注
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统,是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议,并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统。

    960 引用 • 946 回帖
  • Typecho

    Typecho 是一款博客程序,它在 GPLv2 许可证下发行,基于 PHP 构建,可以运行在各种平台上,支持多种数据库(MySQL、PostgreSQL、SQLite)。

    12 引用 • 67 回帖 • 436 关注
  • 京东

    京东是中国最大的自营式电商企业,2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月,京东在美国纳斯达克证券交易所正式挂牌上市(股票代码:JD),是中国第一个成功赴美上市的大型综合型电商平台,与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 260 关注
  • JRebel

    JRebel 是一款 Java 虚拟机插件,它使得 Java 程序员能在不进行重部署的情况下,即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 693 关注
  • Gzip

    gzip (GNU zip)是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件,它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式,或者说一种文件格式。

    9 引用 • 12 回帖 • 203 关注
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案,后端采用 Go 编写,采用 MIT 许可证。

    5 引用 • 16 回帖 • 3 关注
  • AngularJS

    AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 531 关注
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 475 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    85 引用 • 324 回帖
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff)、语法高亮、全面的帮助系统、本地脚本(Vimscript)和便于选择的可视化模式。

    29 引用 • 66 回帖
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 60 关注
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统,它完整实现了 JMS 规范,是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 707 关注
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 413 关注
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖 • 2 关注
  • V2Ray
    1 引用 • 15 回帖 • 4 关注