![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
эффект матрицы
Mar. 17th, 2013 12:17 pmКрасивый эффект "Матрицы" в минимальном Джаваскрипте, меньше 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>
Чтобы разобраться в том, как это сделано, я немного развернул и и прокомментировал текст, не меняя основную логику.
(уже после того, как я это сделал, обнаружил другое объяснение, более подробное и развернутое).
<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>
Чтобы разобраться в том, как это сделано, я немного развернул и и прокомментировал текст, не меняя основную логику.
(уже после того, как я это сделал, обнаружил другое объяснение, более подробное и развернутое).
