js黑客帝国(javascript黑客)
本文目录一览:
怎么把黑客帝国的这段代码放在html主页的背后
!--使用position:absolute;z-index:100;--
canvas id="q"/canvas
div id="main" style=" position:absolute;z-index:100;top:10px;width:960px;height:400px;background:red;"123/div
script type="text/javascript"
var s = window.screen;
var width = q.width = s.width;
var height = q.height = s.height;
var letters = Array(256).join(1).split('');
var _div=document.getElementById("main");
_div.style.left=(width-960)/2+"px";//给主页面left定位;
var draw = function () {
q.getContext('2d').fillStyle='rgba(0,0,0,.05)';
q.getContext('2d').fillRect(0,0,width,height);
q.getContext('2d').fillStyle='#0F0';
letters.map(function(y_pos, index){
text = String.fromCharCode(3e4+Math.random()*33);
x_pos = index * 10;
q.getContext('2d').fillText(text, x_pos, y_pos);
letters[index] = (y_pos 758 + Math.random() * 1e4) ? 0 : y_pos + 10;
});
};
setInterval(draw, 33);
/script
黑客帝国中的矩阵到底指什么?
关于3楼同志的解释
这里有几点不同意见
1 matrix翻译过来是母体/电子矩阵 在影片中体现出来的是整个系统程序 在matrix全3部中没出现超出系统程序之外的世界 从虚拟人类世界到虚拟人类世界的人类所看到的机器世界 从视觉上纯机器世界到电影里地下城Zion 包括Neo所看到工程师都是系统的一部分 这样才能解释为什么尼欧在机器世界里仍然可以空手废章鱼
2 史密斯在1中是类似管理员功能的一种维序程序 如3楼所说不是杀毒程序
在被NEO粉碎后(即被matrix中另一个基本程序破坏)没有完全从系统清除 成为冗余代码 变性成为病毒
3 见问题1 都是在矩阵中 工程师形象只是系统制造者(造物主)在matrix中以自己形象设计的类似镜像程序 用以给出答案 该答案也就是让NEO这个程序完成系统自动更新升级的启动程序
4 见3
总的来说影片就是表达了一个叫matrix的虚拟世界
在这个一切都是程序表达的世界中 设计者把程序设计成机器统治者人类 部分反抗的人类躲在地下一个叫zion的城市里找寻救世主伺机夺回曾经的地位
而两方发生的一切都是造物主已经设计好的程序的运行
matrix就像个超级游戏 在A(机器) B(人类)两方的无休止的运行中得到系统的升级
html5黑客帝国下面代码大概什么意思呀。谢啦
HTML:
canvas id="c"/canvas
CSS:
canvas {display: block;}
JS:
var c = document.getElementById("c");
var ctx = c.getContext("2d");
//全屏
c.height = window.innerHeight;
c.width = window.innerWidth;
//文字
var txts = "0123456789";
//转为数组
txts = txts.split("");
var font_size = 16;
var columns = c.width/font_size;
//用于计算输出文字时坐标,所以长度即为列数
var drops = [];
//初始值
for(var x = 0; x columns; x++)
drops[x] = 1;
//输出文字
function draw()
{
//让背景逐渐由透明到不透明
ctx.fillStyle = "rgba(0, 0, 0, 0.05)";
ctx.fillRect(0, 0, c.width, c.height);
ctx.fillStyle = "#0F0"; //文字颜色
ctx.font = font_size + "px arial";
//逐行输出文字
for(var i = 0; i drops.length; i++)
{
//随机取要输出的文字
var text = txts[Math.floor(Math.random()*txts.length)];
//输出文字,注意坐标的计算
ctx.fillText(text, i*font_size, drops[i]*font_size);
//如果绘满一屏或随机数大于0.95(此数可自行调整,效果会不同)
if(drops[i]*font_size c.height || Math.random() 0.95)
drops[i] = 0;
//用于Y轴坐标增加
drops[i]++;
}
}
setInterval(draw, 33);
解释了的很详细了。