[mw_shl_code=css,true] <!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Martrix</title>
<style>
kūnas {
marža: 0;
paminkštinimas: 0;
fono spalva: #000;
perpildymas: paslėptas;
spalva:#e6922a;
}
</style>
</head>
<body>
<drobė id="drobė"></canvas>
<script type="text/javascript">
var drobė = document.getElementById("drobė"),
context = canvas.getContext("2d");
var fontSize = 12,
listText = "abcdefghijklmnopqrstuvwxyz ".split(""),
stulpelis, eilutė,
listColumn = [];
funkcija draw() {
Piešti foną
context.fillStyle = "rgba(0, 0, 0, 0.05)";
context.fillRect(0, 0, drobė.plotis, drobė.aukštis);
kontekstas.išsaugoti();
Nupieškite logotipą
context.shadowColor = "#074425";
context.shadowBlur = parseInt(Math.random() * 40 + 1);
context.font = "paryškintas 36px Arial";
context.fillStyle = "#eefbf5";
context.fillText("ITSVSE.COM", (canvas.width / 2 - context.measureText("ITSVSE.COM").width / 2), canvas.height - 200);
context.fillText("Wusoft forumas", (canvas.width / 2 - context.measureText("Wusoft Forum").width / 2), canvas.height - 165);
context.font = "16px Microsoft Yahei";
context.fillText("Matrica: Matricos revoliucija", (canvas.width / 2 - context.measureText("Matrica: Matricos revoliucija").width / 2), canvas.height - 100);
Piešti kodą
kontekstas.atkurti();
context.font = "normalus" + fontSize + "px Arial";
context.fillStyle = "#12ee46";
for (var i = 0; I < stulpelį; i++) {
if (Math.random() > 0.5) {
var str = listText[parseInt(Math.random() * listText.length)];
context.fillText(str, i * fontSize, listColumn* fontSize);
listColumn+= 1;
if (listColumn>= eilutė) {
listColumn= 0;
}
}
}
}
funkcija resize() {
canvas.width = window.innerWidth - 3;
canvas.height = window.innerHeight - 3;
stulpelis = drobė.plotis / šrifto dydis,
eilutė = drobė.aukštis / šrifto dydis;
for (var i = 0; I < stulpelį; i++) {
listColumn= 1;
}
}
window.addEventListener("keisti dydį", keisti dydį);
canvas.addEventListener("mousedown", funkcija () {
clearInterval(laikmatis);
laikmatis = setInterval(piešimas, 20);
});
canvas.addEventListener("mouseup", funkcija () {
clearInterval(laikmatis);
laikmatis = setInterval(piešimas, 40);
});
keisti dydį ();
var laikmatis = setInterval(draw, 40);
</script>
</body>
[/</html>mw_shl_code]
|
Paskelbta 2014-11-14 18:28:00
|
|
|
|
Paskelbta 2014-11-14 18:32:02
|
