March 17th, 2013

moose, transparent

эффект матрицы

Красивый эффект "Матрицы" в минимальном Джаваскрипте, меньше 600 байт:


<body style=margin:0 onload="for(s=window.screen,w=q.width=s.width,h=q.height=s.height,m=Math.random,p=[],i=0;i<256;p[i++]=1);setInterval('9Style=\'rgba(0,0,0,.05)\'9Rect(0,0,w,h)9Style=\'#0F0\';p.map(function(v,i){9Text(String.fromCharCode(3e4+m()*33),i*10,v);p[i]=v>758+m()*1e4?0:v+10})'.split(9).join(';q.getContext(\'2d\').fill'),33)"><canvas id=q>


Чтобы разобраться в том, как это сделано, я немного развернул и и прокомментировал текст, не меняя основную логику.

(уже после того, как я это сделал, обнаружил другое объяснение, более подробное и развернутое).