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