From 35ed2b95eb20aa8b57f49a029e4a65f5146e4271 Mon Sep 17 00:00:00 2001 From: Zsolt Tasnadi Date: Sun, 14 Dec 2025 10:14:18 +0100 Subject: [PATCH] matrix rain update --- assets/js/matrix.js | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/assets/js/matrix.js b/assets/js/matrix.js index 0c21bac..b762cb5 100644 --- a/assets/js/matrix.js +++ b/assets/js/matrix.js @@ -4,8 +4,13 @@ const ctx = canvas.getContext('2d'); canvas.width = window.innerWidth; canvas.height = window.innerHeight; -const letters = 'ABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZ1234567890'; -const fontSize = 16; +//const letters = 'ABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZ1234567890'; +const letters = '日ハミヒーウシナモニサワツオリアホテマケメエカキムユラセネスタヌヘヲイクコソチトノフヤヨルレロン012345789ZTHEMATRIX:・."=*+-<>¦|╌çク̄' +const fontSize = 24; +const fontColor = '#0F0'; +const backgroundColor = 'rgba(0, 0, 0, 0.05)'; +const milisec = 80; + let columns = canvas.width / fontSize; const drops = []; @@ -14,10 +19,10 @@ for (let x = 0; x < columns; x++) { } function draw() { - ctx.fillStyle = 'rgba(0, 0, 0, 0.05)'; + ctx.fillStyle = backgroundColor; ctx.fillRect(0, 0, canvas.width, canvas.height); - ctx.fillStyle = '#0F0'; // green text + ctx.fillStyle = fontColor; ctx.font = fontSize + 'px arial'; for (let i = 0; i < drops.length; i++) { @@ -31,7 +36,7 @@ function draw() { } } -setInterval(draw, 33); +setInterval(draw, milisec); window.addEventListener('resize', () => { canvas.width = window.innerWidth;