不必细究!那个玩意儿真正的名字是“CG动画”,只是一些符号的集成。
链接: https://pan.baidu.com/s/1gRY-GZhSANoXfdRADIFvvA 提取码: y63q
《黑客帝国》是由华纳兄弟公司发行的系列动作片,该片由沃卓斯基兄弟执导,基努·里维斯、凯莉·安妮·莫斯、劳伦斯·菲什伯恩等主演。影片已上映的有三部,为《黑客帝国》、《黑客帝国2:重装上阵》、《黑客帝国3:矩阵革命》,分别于1999年3月31日 [1] 、2003年5月15日 [2] 、2003年11月5日在美国上映
黑客帝国1 The Matrix
黑客帝国2 The Matrix Reloaded
黑客帝国3 The Matrix Revolutions
BODY
script language="JavaScript"
!--
if (document.all){
Cols=6;
Cl=24;//Space's are included so real length is 48!
Cs=10;
Ts=10;
Tc='#008800';
Tc1='#00ff00';
MnS=20;
MxS=30;
I=Cs;
Sp=new Array();S=new Array();Y=new Array();
C=new Array();M=new Array();B=new Array();
RC=new Array();E=new Array();Tcc=new Array(0,1);
document.write("div id='Container' style='position:absolute;top:0;left:-"+Cs+"'");
document.write("div style='position:relative'");
for(i=0; i Cols; i++){
S[i]=I+=Cs;
document.write("div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"
+Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'/div");
}
document.write("/div/div");
for(j=0; j Cols; j++){
RC[j]=1+Math.round(Math.random()*Cl);
Y[j]=0;
Sp[j]=Math.round(MnS+Math.random()*MxS);
for(i=0; i RC[j]; i++){
B[i]='';
C[i]=Math.round(Math.random()*1)+' ';
M[j]=B[0]+=C[i];
}
}
function Cycle(){
Container.style.top=window.document.body.scrollTop;
for (i=0; i Cols; i++){
var r = Math.floor(Math.random()*Tcc.length);
E[i] = 'font color='+Tc1+''+Tcc[r]+'/font';
Y[i]+=Sp[i];
if (Y[i] window.document.body.clientHeight){
for(i2=0; i2 Cols; i2++){
RC[i2]=1+Math.round(Math.random()*Cl);
for(i3=0; i3 RC[i2]; i3++){
B[i3]='';
C[i3]=Math.round(Math.random()*1)+' ';
C[Math.floor(Math.random()*i2)]=' '+' ';
M[i]=B[0]+=C[i3];
Y[i]=-Ts*M[i].length/1.5;
A[i].style.visibility='visible';
}
Sp[i]=Math.round(MnS+Math.random()*MxS);
}
}
A[i].style.top=Y[i];
A[i].innerHTML=M[i]+' '+E[i]+' ';
}
setTimeout('Cycle()',20)
}
Cycle();
}
// --
/script
演示地址:
http://www.toto369.net/jdtx/hkdg.htm
注:必须要有body标签~
是不是黑色的屏幕上满是不停变化的数字流啊?通过FLASH的代码 *** 可以实现,以下为FLASH的 *** 流程:
再现《黑客帝国》数字流特效
1.新建flash文档,舞台大小设置为550像素*400像素,背景颜色选择黑色,帧频率设置为30。
2.画一个竖形的长方形动态文本框,注意要足够长,即能放下后面所设置的数字流长度。打开属性面板,将变量名设为“shuzi”。转换为电影剪辑。在电影剪辑时间轴之一帧添加代码:
this.onEnterFrame = function() {
//反复执行下面代码。
if (this._y0) {
this._y = 390;
}
if (this._y400) {
this._y = 10;
}
//如果数字流超过了舞台上,下界,则分别回到舞台的下,上端。
ysudu = 5;
this._y += ysudu;
//数据流以速度为5个像素向下运动。
shuzi=random(10)+"\r"+random(10)+"\r"+random(10)+"\r"+random(10)+"\r"+random(10)+"\r"+random(10)+"\r"+random(10)+"\r"+random(10)+"\r"+random(10);
//数据流的内容。即9个纵向排列的在0-9随机闪动的数字。
};
3.打开库面板,右键点选库面板中的影片剪辑,打开链接属性对话框,钩选“为动作脚本导出选项”,在标识符一栏中输入“wenzi”
4. 回到主场景,在舞台时间轴之一帧添加代码。
_root.onEnterFrame = function() {
attachMovie("wenzi", "wenzi"+i, i++);
//反复附加电影剪辑wenzi到舞台上。
_root["wenzi"+i]._x = Math.random()*550;
_root["wenzi"+i]._y = Math.random()*400;
//在舞台范围内随机设置附加的电影剪辑的x,y坐标值。
_root["wenzi"+i]._xscale = _root["wenzi"+i]._yscale=Math.random()*200;
//在0-200范围内设置附加电影剪辑的x,y缩放比例。
_root["wenzi"+i]._alpha = random(100);
//随机设置附加电影剪辑的透明值
if (i200) {
i = 1;
}
//保证舞台上不超过200个数字流电影剪辑。因为对于深度值相同的电影剪辑,新附加的电影剪辑会覆盖原来存在的电影剪辑。
};
5.如果大家使用的是FlashMX,直接发布即可
我已经将这个动画效果贴到http://bbs.guitarchin *** /viewthread.php?tid=275683extra=
这个网页上了,将附件下载用flash播放器播放即可。:)
1中的是电脑的01代码,但有人指出黑客是 *** 里的东西,用01代表不了什么,于是就换成英文了
flash不行,html5的可以
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;icolunms;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;icolunms;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
望采纳
这里是向日本的动画《攻売机动队》借鉴,有机会可以去看看,是一部里程碑式的作品,开头就是你所说的画面
本文导读目录: 1、黑客帝国的文字动画版谁能找到? 2、黑客帝国2,3里流动的文字是什么文? 3、黑客帝国英文字母 4、中片头为什么掉落的是日文字符?? 5、黑客帝国里电脑显示器的绿色...