const columns = Math.floor(canvas.width / 20); const drops = [];
for (let i = 0; i < columns; i++) { drops[i] = Math.random() * -100; } const matrix = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ"; const fontSize = 20; function drawMatrix() { ctx.fillStyle = 'rgba(0, 0, 0, 0.05)'; ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.fillStyle = '#00ff41'; ctx.font = fontSize + 'px monospace'; for (let i = 0; i < drops.length; i++) { const text = matrix[Math.floor(Math.random() * matrix.length)]; const x = i * 20; const y = drops[i] * fontSize; ctx.fillText(text, x, y); if (y > canvas.height && Math.random() > 0.975) { drops[i] = 0; }
drops[i]++; } }
setInterval(drawMatrix, 50);
window.addEventListener('resize', () => { canvas.width = window.innerWidth; canvas.height = window.innerHeight; });