Ку всем мои юным хакерам, в этой статье расскажу как удивить друзей матрицой в браузере.
1.Заходим в любой ваш бразуер.
2. На клавиатуре нажимаем кнопку "F12" у нас справа всплывает окно.
3. Видим вкладку "Console" нажимаем на неё
4. Как обычно специально для вас я написал для вас код (вставляем этот код и нажимаем "Enter" :
const CV = document.createElement("canvas");
while (document.body.firstChild) {
document.body.removeChild(document.body.firstChild);
}
document.body.appendChild(CV);
const
C = document.querySelector("canvas"),
S = C.getContext("2d"),
W = C.width = innerWidth,
H = C.height = innerHeight,
font = 13,
str = "А+B0В-h1O=Е2T YQS n4N К5L М6Н О7P Р8С Т9У F! Х Z? Ч J.&#,* Ь:@D;A";
let col = W / font,
arr = [],
matrix = str.split('');
for(let i = 0; i < col; i++) arr[i] = 1;
function draw() {
S.fillStyle = "rgba(0, 0, 0, .5)";
S.fillRect(0, 0, W, H);
S.fillStyle = "#0f0";
S.font = font + "px system-ui";
for (let i = 0; i < arr.length; i++) {
let txt = matrix[Math.floor(Math.random() * matrix.length)];
S.fillText(txt, i * font, arr[i] * font);
if (arr[i] * font > H && Math.random() > 0.9) arr[i] = 0;
arr[i]++;
}
}
setInterval(draw, 120);
window.addEventListener(
'resize', () => location.reload()
);
5. Можете удивить ваших друзей! Они будут в шоке)!
