[mw_shl_code=css,αληθές] <!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Μάρτριξ</title>
<style>
σώμα {
περιθώριο: 0;
επένδυση: 0;
χρώμα φόντου: #000;
υπερχείλιση: κρυφό;
χρώμα: #e6922a;
}
</style>
</head>
<body>
<canvas id="καμβάς"></canvas>
<script type="κείμενο/javascript">
var canvas = document.getElementById("καμβάς"),
context = canvas.getContext("2d");
var fontSize = 12,
listText = "abcdefghijklmnopqrstuvwxyz ".split(""),
στήλη, γραμμή,
listColumn = [];
συνάρτηση draw() {
Σχεδίαση φόντου
context.fillStyle = "rgba(0, 0, 0, 0.05)";
context.fillRect(0, 0, καμβάς.πλάτος, καμβάς.ύψος);
context.save();
Σχεδίαση λογότυπου
context.shadowColor = "#074425";
context.shadowBlur = parseInt(Math.random() * 40 + 1);
context.font = "έντονη γραφή 36px Arial";
context.fillStyle = "#eefbf5";
context.fillText("ITSVSE.COM", (canvas.width / 2 - context.measureText("ITSVSE.COM").width / 2), canvas.height - 200);
context.fillText("Φόρουμ Wusoft", (canvas.width / 2 - context.measureText("Φόρουμ Wusoft").width / 2), canvas.height - 165);
context.font = "16px Microsoft Yahei";
context.fillText("The Matrix: The Matrix Revolution", (canvas.width / 2 - context.measureText("The Matrix: The Matrix Revolution").width / 2), canvas.height - 100);
Σχεδιάστε κώδικα
context.restore();
context.font = "κανονικό" + fontSize + "px Arial";
context.fillStyle = "#12ee46";
για (var i = 0; < στήλη? i++) {
αν (Math.random() > 0.5) {
var str = listText[parseInt(Math.random() * listText.length)];
context.fillText(str, i * fontSize, listColumn* μέγεθος γραμματοσειράς);
λίσταΣτήλη+= 1;
αν (listColumn>= σειρά) {
λίσταΣτήλη= 0;
}
}
}
}
συνάρτηση resize() {
canvas.width = window.innerWidth - 3;
canvas.height = window.innerHeight - 3;
στήλη = canvas.width / fontSize,
σειρά = canvas.height / fontSize;
για (var i = 0; < στήλη? i++) {
λίσταΣτήλη= 1;
}
}
window.addEventListener("αλλαγή μεγέθους", αλλαγή μεγέθους);
canvas.addEventListener("mousedown", συνάρτηση () {
clearInterval(χρονόμετρο);
χρονόμετρο = setInterval(ισοπαλία, 20);
});
canvas.addEventListener("mouseup", συνάρτηση () {
clearInterval(χρονόμετρο);
χρονόμετρο = setInterval(ισοπαλία, 40);
});
resize();
var timer = setInterval(ισοπαλία, 40);
</script>
</body>
</html>[/mw_shl_code]
|
Δημοσιεύτηκε στις 14/11/2014 6:28:00 μ.μ.
|
|
|
|
Δημοσιεύτηκε στις 14/11/2014 6:32:02 μ.μ.
|
