Matrix Digital Stream Engine

<canvas id="matrixCanvas" width="680" height="240"></canvas>

const canvas = document.getElementById('matrixCanvas');
const ctx = canvas.getContext('2d');

const chars = '01ENFALBASARAN0101XYZ';
const fontSize = 12;
const columns = Math.floor(canvas.width / fontSize);
const drops = Array(columns).fill(1);
let fontColor = '#00f0ff';

function draw() {
  ctx.fillStyle = 'rgba(4, 6, 13, 0.12)';
  ctx.fillRect(0, 0, canvas.width, canvas.height);
  
  ctx.fillStyle = fontColor;
  ctx.font = `${fontSize}px monospace`;
  
  for (let i = 0; i < drops.length; i++) {
    const text = chars[Math.floor(Math.random() * chars.length)];
    ctx.fillText(text, i * fontSize, drops[i] * fontSize);
    
    if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) {
      drops[i] = 0;
    }
    drops[i]++;
  }
}
setInterval(draw, 45);