ÿþ<!DOCTYPE html> <html> <head><title>=,0,9,Z,</title> <style> body { margin: 0; overflow: hidden; background-color: black; } </style> </head> <body> <canvas id="matrix"></canvas> <script> const canvas = document.getElementById('matrix'); const context = canvas.getContext('2d'); canvas.width = window.innerWidth; canvas.height = window.innerHeight; const matrix = '3,>,0,D,A,F,@,0, B,;,D,0,2,0, W, B,A,D,>,5,4,;,L,0, B,A,5,@,A,D,E,0,2,;,E,2,5, 8,2,A,M,@,5,3,0, ;,8,C,0,6,0,@,Q, B,C,;, M,>,A,2,5,=,F, ;,@, B,C,;,?,5,C,@,0, 8,0, C,0,8,F,?,5,2,0,@,W, E,2,A,C,W,@,Q, 3,>,0,D,A,F, V =,;, D,5, F,B,A,C,0,1,>,Q,;,A, B,C,;, D,B,A,C,0,8,F,?,5,2,0,@,S, V 2,5,@,4,0,C, E,A, @,;, @,0,C,0,F,@,0, A,8,;,C,A,?,0, B,C,;,D,B,A,4,A,1,@,0, B,;,D,0,2,0, V E,5,?,2,5,M, F,?,5,E,@,0, D,E,2,0,C,;,E,5,F, @,0,N,;,H, 4,0,F,@,;,H, B,C,5,4,@,;,=,A,F, V E,A, W, 1,A,6,Q, 1,5,D,5,4,0,'.split(''); const font_size = 48; const columns = Math.floor(canvas.width / font_size); const drops = []; for (let x = 0; x < columns; x++) { drops[x] = 1; } function drawMatrix() { context.fillStyle = 'rgba(0, 0, 0, 0.04)'; context.fillRect(0, 0, canvas.width, canvas.height); context.fillStyle = '#0F0'; context.font = `${font_size}px arial`; context.textAlign = 'center'; for (let i = 0; i < drops.length; i++) { const text = matrix[Math.floor(Math.random() * matrix.length)]; const x = i * font_size + font_size / 2; // Adjusted to center text context.fillText(text, x, drops[i] * font_size); if (drops[i] * font_size > canvas.height && Math.random() > 0.975) { drops[i] = 0; } drops[i]++; } } setInterval(drawMatrix, 50); </script> </body> </html>