Вот еще одна деобфусцированная вручную версия, переносящая всю инициализацию из выражения в собственные операторы:
z='p="<"+"pre>"/* ,.oq#+ ,._, */;for(y in n="zw24l6k\
4e3t4jnt4qj24xh2 x/* =<,m#F^ A W###q. */42kty24wrt413n243n\
9h243pdxt41csb yz/* #K q##H######Am */43iyb6k43pk7243nm\
r24".split(4)){/* dP cpq#q##########b, */for(a in t=pars\
eInt(n[y],36)+/* p##@###YG=[#######y */(e=x=r=[]))for\
(r=!r,i=0;t[a/* d#qg `*PWo##q#######D */]>i;i+=.05)wi\
th(Math)x-= /* aem1k.com Q###KWR#### W[ */.05,0>cos(o=\
new Date/1e3/* .Q#########Md#.###OP A@ , */+x/PI)&&(e[~\
~(32*sin(o)*/* , (W#####Xx######.P^ T % */sin(.5+y/7))\
+60] =-~ r);/* #y `^TqW####P###BP */for(x=0;122>\
x;)p+=" *#"/* b. OQ####x#K */[e[x++]+e[x++\
]]||(S=("eval"/* l `X#####D , */+"(z=\'"+z.spl\
it(B = "\\\\")./* G####B" # */join(B+B).split\
(Q="\'").join(B+Q/* VQBP` */)+Q+")//m1k")[x/2\
+61*y-1]).fontcolor/* TP */(/\\w/.test(S)&&"#\
03B");document.body.innerHTML=p+=B+"\\n"}setTimeout(z)';
p = "<" + "pre>";
n = ["zw2", "l6k", "e3t", "jnt", "qj2", "xh2 x/* =<,m#F^ A W###q. */", "2kty2", "wrt", "13n2", "3n9h2", "3pdxt", "1csb yz/* #K q##H######Am */", "3iyb6k", "3pk72", "3nmr2", ""]
for (y in n) {
e = [];
x = 0;
r = true;
t = parseInt(n[y], 36) + "";
for (a in t) {
r = !r
for (i = 0; i < t[a]; i += 0.05) {
x -= 0.05;
o = new Date / 1e3 + x / Math.PI
if (Math.cos(o) < 0)
e[~~(32 * Math.sin(o) * Math.sin(0.5 + y / 7)) + 60] = -~r;
}
for (x = 0; x < 122;) {
S = "eval" + "(z='" + z.split(B = "\\").join(B + B).split(Q = "'").join(B + Q) + Q + ")//m1k"
p += " *#"[e[x++] + e[x++]] || S[x/2+61*y-1]).fontcolor(/\w/.test(S[x/2+61*y-1]) && "#03B");
}
p += B + "\n";
document.body.innerHTML = p;
}
setTimeout(z)
Вот что происходит:
zпредставляет собой многострочную строку, содержащую весь код. Это evalизд.
- В конце кода
zпередается setTimeout. Работает как requestAnimationFrameиeval вместе, оценивая его в интервале с максимально возможной скоростью.
- Инициализируется сам код
p, строковый буфер, в который будет добавлен HTML, и nмассив чисел в кодировке base-36 (соединенных в строку с помощью "4", комментарии являются несущественным мусором, который не рассматривается parseInt).
- каждое число в
nкодирует одну строку ( n.length == 16). Сейчас он пронумерован .
- Инициализируется
eнабор переменных, некоторые из которых замаскированы под литерал массива, но затем при использовании преобразуются в числа ( x), логические значения ( r) или строки ( t).
- Каждая цифра номера
tпронумерована, логическое значение инвертируется при rкаждом повороте. Для разных углов xи в зависимости от текущего времени new Date / 1000 (чтобы получилась анимация) массив eзаполняется с помощью некоторых побитовых операторов - с 1when ris false и 2s when ris true в это время.
- Затем цикл выполняет итерацию 61 столбца изображения от
x=0до 122 двойными шагами, добавляя одиночные символы в p.
Bбудучи обратной косой чертой, строка Sстроится из строки кода zпутем экранирования обратной косой черты и апострофов, чтобы получить точное представление о том, что она смотрела в исходном коде.
- Каждые два последовательных числа из
eдобавляются и используются для доступа к персонажу из " *#", для создания анимированного изображения. Если один из индексов не определен, NaNиндекс преобразуется в неопределенный символ, и вместо этого Sберется соответствующий символ из строки (проверьте формулу x/2+61*y-1). Если этот символ должен быть символом слова , он окрашивается по-другому с помощью fontcolorметода String .
- После каждой строки добавляются завершающий пробел и разрыв строки
p, а строка HTML назначается телу документа.
Как тот же эффект можно было бы переписать на минимальном примере?
Другой пример:
setInterval(z='s=("setInterval(z=\'"+\
z.replace(/[\\\\\']/g,"\\\\$&")+"\')"\
).match(/.{1,37}/g).join("\\\\\\n");d\
ocument.body.innerHTML=\"<\\pre>"+s.s\
lice(0, 175)+String( + new Date()).fo\
ntcolor("red")+s.slice(188)')
( демонстрация на jsfiddle.net )
В нем есть все необходимое для такой анимации:
setInterval а также Date для анимации
Реконструкция его собственного кода ( похожего на quine ), здесь:
s = ( "setInterval(z='"
+ z.replace(/[\\\']/g,"\\$&")
+ "\')" )
.match(/.{1,37}/g).join("\\\n");
Выход через document.body.innerHTMLи <pre>элемент
- Замена некоторых частей кода анимированной строкой