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

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

直接上效果图:

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>
  • 分享

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

    242 引用 • 1746 回帖
  • Java

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

    3169 引用 • 8207 回帖

相关帖子

欢迎来到这里!

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

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

    用 jS 就 OK

  • 其他回帖
  • 88250

    有很多功能的啦,慢慢探索一下 😍

  • Stone
    作者

    @88250 我看过这个,因为不是全屏的不是全屏的

  • Stone
    作者

    @88250 不知道怎么搞,刚才发 html 竟然没出来

    1 回复
  • 查看全部回帖

推荐标签 标签

  • 互联网

    互联网(Internet),又称网际网络,或音译因特网、英特网。互联网始于 1969 年美国的阿帕网,是网络与网络之间所串连成的庞大网络,这些网络以一组通用的协议相连,形成逻辑上的单一巨大国际网络。

    96 引用 • 330 回帖
  • HHKB

    HHKB 是富士通的 Happy Hacking 系列电容键盘。电容键盘即无接点静电电容式键盘(Capacitive Keyboard)。

    5 引用 • 74 回帖 • 413 关注
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。

    57 引用 • 22 回帖 • 2 关注
  • 周末

    星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖 • 1 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    19 引用 • 31 回帖 • 7 关注
  • LeetCode

    LeetCode(力扣)是一个全球极客挚爱的高质量技术成长平台,想要学习和提升专业能力从这里开始,充足技术干货等你来啃,轻松拿下 Dream Offer!

    209 引用 • 72 回帖
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计,是一款崇尚开发效率的全栈框架。

    19 引用 • 23 回帖 • 693 关注
  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品:SymSoloVditor思源笔记

    1083 引用 • 3461 回帖 • 282 关注
  • 导航

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

    37 引用 • 168 回帖 • 3 关注
  • 小说

    小说是以刻画人物形象为中心,通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    28 引用 • 108 回帖
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    164 引用 • 594 回帖 • 1 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 182 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 12 关注
  • Pipe

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

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

    131 引用 • 1114 回帖 • 148 关注
  • 微服务

    微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。

    96 引用 • 155 回帖
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成,还支持通过插件进行扩展。

    10 引用 • 5 回帖
  • Flutter

    Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 4 关注
  • danl
    77 关注
  • Sym

    Sym 是一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)系统平台。

    下一代的社区系统,为未来而构建

    523 引用 • 4581 回帖 • 694 关注
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    205 引用 • 357 回帖
  • PostgreSQL

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

    22 引用 • 22 回帖
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    123 引用 • 168 回帖
  • 阿里巴巴

    阿里巴巴网络技术有限公司(简称:阿里巴巴集团)是以曾担任英语教师的马云为首的 18 人,于 1999 年在中国杭州创立,他们相信互联网能够创造公平的竞争环境,让小企业通过创新与科技扩展业务,并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 233 关注
  • Markdown

    Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。

    165 引用 • 1461 回帖
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    73 引用 • 157 回帖
  • OAuth

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

    36 引用 • 103 回帖 • 12 关注
  • C

    C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    83 引用 • 165 回帖 • 37 关注