用canvas 实现《Matrix》(黑客帝国)中电脑屏幕效果

Abduwahid

于 2016-02-21 23:30:27 发布

阅读量2.8k

点赞数 2

文章标签： html5 canvas web前端 js动画

本文链接：https://blog.csdn.net/sinat_33917657/article/details/50710585

版权

本文是作者阿卜杜首次分享关于HTML5 canvas的学习心得，他通过学习web前端，利用canvas实现了《黑客帝国》中经典的电脑屏幕动态绿线效果，同时还展示了在风景图上添加气泡的动态图。代码实现让HTML5的绘图能力得以展现。

摘要由CSDN通过智能技术生成

这是我第一次在博客上写文章了。其实我是一名少数民族--维吾尔族，名字名字很长，Abduwahid,平时大家叫我阿卜杜。最近我在一个培训机构学web前端，当我接触到canvas的时候无比的兴奋，可以用代码画图，HTML5真TMD越来越强悍了。我做了一个模拟冒气泡的动态图时，突发灵感，就做了那个《黑客帝国》中的电脑屏幕中一条条绿线。也就是如下图：

打开页面后可以动态的生成，并不断的上升；

源代码：

<!DOCTYPE>
<html>
	<head>
		<title> 气泡 </title>
		<meta charset="utf-8" />
	</head>
<body>
	<canvas id=

最低0.47元/天解锁文章

用canvas 实现《Matrix》(黑客帝国)中 电脑屏幕效果

用canvas 实现《Matrix》(黑客帝国)中电脑屏幕效果