FrontTalks

Releasing the Mona Lisa: aem1k.com/mona

An ever changing painting using Braille characters in ~500 bytes.

Transcript

1. @aemkei
   Мартин Клеппе
   fronttalks.ru
   

   View Slide

2. @aemkei
   Martin Kleppe
   

   View Slide

3. ⠠⠍⠁⠗⠞⠊⠝⠀⠠⠅⠇⠑⠏⠏⠑
   ⠈⠁⠁⠑⠍⠅⠑⠊
   

   View Slide

4. HH.js
   @hhjs
   

   View Slide

5. JSUnconf
   @jsunconf
   

   View Slide

6. Ubilabs
   

   View Slide

7. View Slide

8. View Slide

9. View Slide

10. View Slide

11. View Slide

12. MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNdyssoooyNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMNy/..` ``` ``..--/+/+yydNMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMNy- ` `....+mMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMNs.` `` `...`/hNMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMN+` `-dMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMN: ` ``-dMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMN- ` ``.:/dMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMdo` `.-/-hMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMNo` .:/:/.:hMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMN/ `.../sms.:oNMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMo` ``..-//:yNMMm::shMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMy. ``..---.``.::///++oyNMMMMM+:soMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMN- ``..---::::/+ooosydmNMMMMMMN+//+NMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMy- `....---:://+oyhdmNNNNMMMMMMmy/-+NMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMmo `....----::/++ohmmNNNNMMMMMMMMN/./mMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMN/ `.....``````..-::/osyhddhhddddmNd..+NMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMy` `.--...```````` ``-:/+++/:.``./hs`oNMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMNo+:.` .---..``` `.`````.:+o:.` `:+mNNMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMm:` ```----...``````:-``.``-+mN+..``:NNMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMmh-..`..`-::--........---....-oNMNdyyhmMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMho:. `-..``-:----..--::::::-...-+NMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMNo. ` `.-------:://///:-....-/hMMMMMMMMMh`oMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMN- .-:------:::::--.`..--/sMMMh+yNMMh sMMMMMMMMMMMMMMM
    MMMMMMMMMMMMo `.-----..........`````.-+dNm+-/dN- +MMMMMMMMMMMMMMM
    MMMMMMMMMMMM. `.--...````````````````.oNMMo:.o/ +MMMMMMMMMMMMMMM
    MMMMMMMMMMMM/ `....````` ````.-:/+hmmy-:/y oMMMMMMMMMMMMMMM
    MMMMMMMMMMMMs ``..````````` ```.-+shyydh. dMMMMMMMMMMMMMMM
    MMMMMMMMMMMMy ``````````..``````--:/yMMNmh. /mMMMMMMMMMMMMMM
    MMMMMMMMMMMMs `````` ``````````.-oNNh+. .+oyhhmMMMMMMMM
    MMMMMMMMMMMM. ` ````````....-:ohmNd/` `-:+sh
    MMMMMMMMMMMs `...--/ydy:
    MMMMMMMMmdy- `.-.
    MMMNy+-.
    ms: ```
    Martin Kleppe
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
    

    View Slide

13. __
    _/\ \
    /' \ \ \
    __ __ ___ ___ /\_, \ \ \/'\
    /'__`\ /'__`\/' __` __`\/_/\ \ \ , <
    ___ /\ \L\.\.\ __//\ \/\ \/\ \ \ \ \ \ \\`\____
    /\___\ \ \__/.\_\\____\ \_\ \_\ \_\ \ \_\ \_\ \____\
    \/___/ \/__/\/_//____/\/_/\/_/\/_/ \/_/\/_/\/____/
    @aemkei
    

    View Slide

14. Creative Coding
    

    View Slide

15. ၁ᐅᗕᔕᕵ".charCodeAt(D<7?D:10-D).toString(2)
    +3;l=l.split(""),setInterval("if(x^X)for(h
    =i=l[x]=2,l[x+=d=2%k||9&l[x+(o=k%2||~-k*14
    )]?9&l[x+d]?0:d:o]=4,l[X]&=7,b=D%4-2,b=b++
    %2||b*14,9&l[X+b]?D++:X+=b,l[X]|=8;i<154;)
    p.innerHTML=h+='.# \\nx'[l[++i]]||0",X=151
    ) onkeydown=k=event.which-38>
    

    View Slide

16. View Slide

17. .<br/>eval(z='p="<"+"pre>"/* ,.oq#+ ,._, */;for(y in n="zw24l6k\<br/>4e3t4jnt4qj24xh2 x/* =<,m#F^ A W###q. */42kty24wrt413n243n\<br/>9h243pdxt41csb yz/* #K q##H######Am */43iyb6k43pk7243nm\<br/>r24".split(4)){/* dP cpq#q##########b, */for(a in t=pars\<br/>eInt(n[y],36)+/* p##@###YG=[#######y */(e=x=r=[]))for\<br/>(r=!r,i=0;t[a/* d#qg `*PWo##q#######D */]>i;i+=.05)wi\<br/>th(Math)x-= /* aem1k.com Q###KWR#### W[ */.05,0>cos(o=\<br/>new Date/1e3/* .Q#########Md#.###OP A@ , */+x/PI)&&(e[~\<br/>~(32*sin(o)*/* , (W#####Xx######.P^ T % */sin(.5+y/7))\<br/>+60] =-~ r);/* #y `^TqW####P###BP */for(x=0;122>\<br/>x;)p+=" *#"/* b. OQ####x#K */[e[x++]+e[x++\<br/>]]||(S=("eval"/* l `X#####D , */+"(z=\'"+z.spl\<br/>it(B = "\\\\")./* G####B" # */join(B+B).split\<br/>(Q="\'").join(B+Q/* VQBP` */)+Q+")//m1k")[x/2\<br/>+61*y-1]).fontcolor/* TP */(/\\w/.test(S)&&"#\<br/>03B");document.body.innerHTML=p+=B+"\\n"}setTimeout(z)')//<br/>
    

    View Slide

18. View Slide

19. 
    E<br/>= 1<br/>, z=1.07 ;<br/>function s( a)<br/>{ for(a&&(E=!E),H="",z *=<br/>.9,T*=.8,Y=0;2>Y;Y+=.1) {<br/>for (X=0;2>X;X+=.04){for(x=y=i<br/>=0;99>i &&99>=x*x+y*y;i++)t=2*x*y,x<br/>= x*x-y*y+z*X -z-Z/(1-T),y=t+z*Y-z-U;(/*<br/>MANDELCODE=A-QUINE-BY-AEMKEI=CLICK-TO-ZOOM*/<br/>H )+=" .+#"[ i%5]}H+=n}!E&&setTimeout(s<br/>,99),P[ I]=H}Z=1.74909351853611232,<br/>U = 3.40212772e-7,onclick=s;n<br/>="\n";P.textContent="<" +<br/>"pre id=P>\n"+P[I= "i"+<br/>"nnerHTML" ]<br/>T /*aem1k*/<br/>= -<br/>2<br/>
    

    View Slide

20. View Slide

21. jsfuck.com
    

    View Slide

22. View Slide

23. [][(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[]
    +[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]][(
    [(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[]+!
    []]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+![+[]]]]]+
    [+[[!+[]+!+[]+!+[]]]]+([][(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!
    []]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]
    []+[])[+[[+!+[]]]]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]+!+[]]]]+([][[]]+[])[+[[+!+[]]
    (![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[+!+[]]]]+([][[]]+[
    [[+[]]]]+([][(![]+[])[[[[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])
    [[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!
    []]]]]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+([][(![]+[])[+[[+[]]]]+([][[]
    [])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(
    +[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]+
    []]]]+(!![]+[])[+[[+!+[]]]]]((![]+[])[+[[+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+
    [+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]]+(!![]+[])[+[[+[]]]]+([][(![]+[])[+[[+
    []]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[
    +[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]]]+[])[+[[+!+[]]]+[[!+[
    []+!+[]+!+[]+!+[]]]]+[+!+[]]+([][(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]
    []+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+
    []]]]+(!![]+[])[+[[+!+[]]]]]+[])[+[[+!+[]]]+[[!+[]+!+[]+!+[]+!+[]+!+[]+!+[]]]])()
    

    View Slide

24. Зв
    езда
    

    View Slide

25. Зв
    езда
    

    View Slide

26. Зв
    езда
    

    View Slide

27. Зв
    езда
    

    View Slide

28. ★
    

    View Slide

29. View Slide

30. ウ="" ,ア= !ウ+ ウ,ネ =!ア +ウ, ホ=ウ
    +{}, ヌ=ア [ウ++ ],セ= ア[ミ =ウ] ,ハ=
    ++ミ +ウ, ヘ=ホ [ミ+ハ ],ア[ ヘ+= ホ[ウ
    ]+(ホ .ホ+ホ )[ウ] +ネ[ハ ]+ヌ+ セ+ア [ミ]+
    ヘ+ヌ +ホ[ ウ]+セ ][ヘ] (ネ[
    ウ]+ ネ[ミ ]+ア [ハ]+
    セ+ヌ+ "(ウ)"
    )()
    

    View Slide

31. View Slide

32. View Slide

33. without Latin characters?
    How to write JavaScript
    

    View Slide

34. 1. Escape Sequences
    2. Playing Scrabble
    

    View Slide

35. a
    

    View Slide

36. a \u0061
    

    View Slide

37. \u0061\u006c\u0065\u0072\u0074(1)
    

    View Slide

38. a l e r t (1)
    

    View Slide

39. ⾬雨 \u96e8
    

    View Slide

40. a \x61
    

    View Slide

41. "a" "\x61"
    

    View Slide

42. "a" "\141"
    

    View Slide

43. []["\155\141\160\]["\
    \143\157\156\163\164\
    \162\165\143\164\157\
    \162"]("\141\154\145\
    \162\164\50\61\51")()
    

    View Slide

44. []["\155\141\160"]["\
    \143\157\156\163\164\
    \162\165\143\164\157\
    \162"]("\141\154\145\
    \162\164\50\61\51")()
    

    View Slide

45. [][" m a p "]["\
    c o n s t \
    r u c t o \
    r "](" a l e \
    r t ( 1 ) ")()
    

    View Slide

46. []["map"]["constructor"]("alert(1)")()
    

    View Slide

47. []["map"]["constructor"]("alert(1)")()
    

    View Slide

48. function["constructor"]("alert(1)")()
    

    View Slide

49. function["constructor"]("alert(1)")()
    

    View Slide

50. Function("alert(1)")()
    

    View Slide

51. Function("alert(1)")()
    

    View Slide

52. eval("alert(1)")
    

    View Slide

53. 1. Escape Sequences
    2. Playing Scrabble
    

    View Slide

54. ![] => false
    !![] => true
    

    View Slide

55. ![] + "" => "false"
    !![] + "" => "true"
    

    View Slide

56. "true"[0] => "t"
    "true"[1] => "r"
    "true"[2] => "u"
    "true"[3] => "e"
    

    View Slide

57. "false" [1]
    "false" [2]
    "true" [3]
    "true" [1]
    "true" [0]
    

    View Slide

58. f a l s e
    f a l s e
    t r u e
    t r u e
    t r u e
    

    View Slide

59. f a l s e
    f a l s e
    t r u e
    t r u e
    t r u e
    

    View Slide

60. f a l s e
    o b j e c t
    t r u e
    f a l s e
    o b j e c t
    o b j e c t
    f a l s e
    t r u e
    

    View Slide

61. o b j e c t
    o b j e c t
    u n d e f i n e d
    f a l s e
    t r u e
    t r u e
    t r u e
    o b j e c t
    t r u e
    o b j e c t
    t r u e
    

    View Slide

62. []["map"]["constructor"]("alert(1)")()
    

    View Slide

63. View Slide

64. Invisible Code
    

    View Slide

65. aem1k.com/0
    

    View Slide

66. 
    

    View Slide

67. View Slide

68. 
    

    View Slide

69. 
    

    View Slide

70. 1616161F171212181612131D1619131D151B1518131D1313131713171312
    151D131B1619121D121D131B12191612151B1619151D131D13161318121A
    16191215131912151312131B1713161517141419161E1714161517121716
    1611161C121812171616161F171212181611131D1612121C1612131D151B
    1618131D1212131C171017121615131E1212151D121C1619131D1310131B
    1619121B121B131C1518131B161912151717171C171C12181618121B131D
    1212151C151C161E121212191219171B1616161F171212181614131D161A
    131D1310131B1615131D151B1311121C13191311121C1717121C13191313
    151D151B161A121B121B151D131B12191614121B131D1611151B1619121B
    1615151D121B1611151B1619121D1615151D131B1618121B131D1212121E
    12131212151B1612151B1619151D131D1313131D131D1614171C1611151B
    1619151D12161312131D131D1614151D171D1614161F16131715161D1615
    161E1714121E1612161F16141719121E1619161E161E1615171214181514
    141D141C131D16181217121C1717131D131913121219
    

    View Slide

71. a=b,b=h=[],i=3760;i--;h+="▁▉-"[
    i%92?b[i]=a?3==d|a[i]&2==d:24*i%7
    %2:2])for(d=0,j=5;e=(2)d+=a[i+e]+a[i-e];s.innerHTML=h',
    99) id=s>
    

    View Slide

72. in the browser
    Simulate live
    

    View Slide

73. Conway's Game of Life
    Count the neighbors of a cell …
    Any dead cell with …
    three: becomes alive, as if by reproduction.
    Any live cell with …
    two or three: lives on to the next generation.
    fewer than two: dies, as if caused by under-population.
    more than three: dies, as if by overcrowding.
    

    View Slide

74. Any dead cell with …
    three: becomes alive, as if by reproduction.
    Any live cell with …
    two or three: lives on to the next generation.
    fewer than two: dies, as if caused by under-population.
    more than three: dies, as if by overcrowding.
    

    View Slide

75. View Slide

76. View Slide

77. View Slide

78. var count = ...;
    if (!alive) {
    if (count == 3) {
    cell.alive = true;
    } else {
    cell.alive = false;
    }
    } else {
    if (count == 2 || count == 3) {
    cell.alive = true;
    } else if (count < 2 || count > 3) {
    cell.alive = false;
    }
    }
    

    View Slide

79. var count = ...;
    cell.alive = false;
    if (count == 3) {
    cell.alive = true;
    } else if (alive) {
    if (count == 2) {
    cell.alive = true;
    }
    }
    

    View Slide

80. var count = ...;
    cell.alive = (count == 3) || (alive && count == 2)
    

    View Slide

81. var c = ...;
    b[i] = (c == 3) || (a[i] && c == 2)
    

    View Slide

82. b[i] = (c == 3) || (a[i] && c == 2)
    

    View Slide

83. b[i] = c == 3 || a[i] && c == 2
    

    View Slide

84. b[i] = c == 3 | a[i] & c == 2
    

    View Slide

85. b[i]=c==3|a[i]&c==2
    

    View Slide

86. a=b,b=h=[],i=3760;i--;h+="▁▉-"[
    i%92?b[i]=a?3==d|a[i]&2==d:24*i%7
    %2:2])for(d=0,j=5;e=(2)d+=a[i+e]+a[i-e];s.innerHTML=h',
    99) id=s>
    

    View Slide

87. a=b,b=h=[],i=3760;i--;h+="▁▉-"[
    i%92?b[i]=a?3==d|a[i]&2==d:24*i%7
    %2:2])for(d=0,j=5;e=(2)d+=a[i+e]+a[i-e];s.innerHTML=h',
    99) id=s>
    

    View Slide

88. a=b,b=h=[],i=3760;i--;h+="▁▉-"[
    i%92?b[i]=a?3==d|a[i]&2==d:24*i%7
    %2:2])for(d=0,j=5;e=(2)d+=a[i+e]+a[i-e];s.innerHTML=h',
    99) id=s>
    

    View Slide

89. a=b,b=h=[],i=3760;i--;h+="▁▉-"[
    i%92?b[i]=a?3==d|a[i]&2==d:24*i%7
    %2:2])for(d=0,j=5;e=(2)d+=a[i+e]+a[i-e];s.innerHTML=h',
    99) id=s>
    

    View Slide

90. a=b,b=h=[],i=3760;i--;h+="▁▉-"[
    i%92?b[i]=a?3==d|a[i]&2==d:24*i%7
    %2:2])for(d=0,j=5;e=(2)d+=a[i+e]+a[i-e];s.innerHTML=h',
    99) id=s>
    

    View Slide

91. a=b,b=h=[],i=3760;i--;h+="▁▉-"[
    i%92?b[i]=a?3==d|a[i]&2==d:24*i%7
    %2:2])for(d=0,j=5;e=(2)d+=a[i+e]+a[i-e];s.innerHTML=h',
    99) id=s>
    

    View Slide

92. a=b,b=h=[],i=3760;i--;h+="▁▉-"[
    i%92?b[i]=a?3==d|a[i]&2==d:24*i%7
    %2:2])for(d=0,j=5;e=(2)d+=a[i+e]+a[i-e];s.innerHTML=h',
    99) id=s>
    

    View Slide

93. a=b,b=h=[],i=3760;i--;h+="▁▉-"[
    i%92?b[i]=a?3==d|a[i]&2==d:24*i%7
    %2:2])for(d=0,j=5;e=(2)d+=a[i+e]+a[i-e];s.innerHTML=h',
    99) id=s>
    

    View Slide

94. a=b,b=h=[],i=3760;i--;h+="▁▉-"[
    i%92?b[i]=a?3==d|a[i]&2==d:24*i%7
    %2:2])for(d=0,j=5;e=(2)d+=a[i+e]+a[i-e];s.innerHTML=h',
    99) id=s>
    

    View Slide

95. a=b,b=h=[],i=3760;i--;h+="▁▉-"[
    i%92?b[i]=a?3==d|a[i]&2==d:24*i%7
    %2:2])for(d=0,j=5;e=(2)d+=a[i+e]+a[i-e];s.innerHTML=h',
    99) id=s>
    

    View Slide

96. ("").replace(/..(.)..(.)/g,'\\x$1
    $2')+'"'))>
    

    View Slide

97. invisible code?
    How to hide
    

    View Slide

98. 00 | Null
    01 | Start of Heading
    02 | Start of Text
    03 | End of Text
    04 | End of Transmission
    05 | Enquiry
    06 | Acknowledge
    07 | Bell
    \b | 08 | Backspace
    \t | 09 | Horizontal Tabulation
    \n | 0A | Line Feed
    \v | 0B | Vertical Tab
    \f | 0C | Form Feed
    \r | 0D | Carriage Return
    0E | Shift Out
    0F | Shift In
    

    View Slide

99. 10 | Data Link Escape
    11 | Device Control 1
    12 | Device Control 2
    13 | Device Control 3
    14 | Device Control 4
    15 | Negative Acknowledge
    16 | Synchronous Idle
    17 | End of Transmission Block
    18 | Cancel
    19 | End of Medium
    1A | Substitute
    1B | Escape
    1C | File Separator
    1D | Group Separator
    1E | Record Separator
    1F | Unit Separator
    

    View Slide

100. escape('').replace(/..(.)..(.)/g,'\\x$1$2')
     

     View Slide

101. escape('').replace(/..(.)..(.)/g,'\\x$1$2')
     

     View Slide

102. escape('').replace(/..(.)..(.)/g,'\\x$1$2')
     

     View Slide

103. escape('').replace(/..(.)..(.)/g,'\\x$1$2')
     

     View Slide

104. 0 1 2 3 4 5 6 7 8 9 A B C D E F
     

     View Slide

105. 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00
     10 11 12 13 14 15 16 17 18 19 1A 1B 1C 1D 1E 1F
     

     View Slide

106. 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00
     16 11 16 1C 16 15 17 12 17 14 12 18 13 11 12 19
     

     View Slide

107. %16%11%16%1C%16%15%17%12%17%14%12%18%13%11%12%19
     

     View Slide

108. 6 1 6 C 6 5 7 2 7 4 2 8 3 1 2 9
     

     View Slide

109. 61 6C 65 72 74 28 31 29
     

     View Slide

110. \x61\x6C\x65\x72\x74\x28\x31\x29
     

     View Slide

111. a l e r t ( 1 )
     

     View Slide

112. -moz-control-character-visibility: visible;
     

     View Slide

113. -moz-control-character-visibility: visible;
     

     View Slide

114. ").replace(/..(.)..(.)/g,'\\x$1$2')
     escape("
     

     View Slide

115. ").replace(/..(.)..(.)/g,'\\x$1$2')
     escape(" 1616161F171212181612131D1619131D151B1518131D
     1313131713171312151D131B1619121D121D131B12191612151B1619151D13
     1D13161318121A16191215131912151312131B1713161517141419161E1714
     1615171217161611161C121812171616161F171212181611131D1612121C16
     12131D151B1618131D1212131C171017121615131E1212151D121C1619131D
     1310131B1619121B121B131C1518131B161912151717171C171C1218161812
     1B131D1212151C151C161E121212191219171B1616161F171212181614131D
     161A131D1310131B1615131D151B1311121C13191311121C1717121C131913
     13151D151B161A121B121B151D131B12191614121B131D1611151B1619121B
     1615151D121B1611151B1619121D1615151D131B1618121B131D1212121E12
     131212151B1612151B1619151D131D1313131D131D1614171C1611151B1619
     151D12161312131D131D1614151D171D1614161F16131715161D1615161E17
     14121E1612161F16141719121E1619161E161E1615171214181514141D141C
     131D16181217121C17
     

     View Slide

116. ... within Mozilla;
     some people like
     the idea of displaying
     control characters
     “
     ”
     

     View Slide

117. א
     

     View Slide

118. Hebrew
     === first letter
     === number 1
     

     View Slide

119. Kabbalah
     === origin of the universe
     === contains all numbers
     

     View Slide

120. א
     <br/>ֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲ֥֧֧֤֥֧֤֥֥֧֤֥֤֦֥֤֦֥֦֥֥֦֥֧֤֤֧֥֤֦֥֤֦֦֥֥֤֥֥֥֦֣֤֧֥֤֤֣֧֥֣֥֤֥֥֥֣֣֤֣֥֥֣֥֤֣֥֥֣֣֤֥֧֣֥֤֤֥֣֧֥֣֥֧֧֥֥֥֥֥֥֥֤֧֦֥֥֧֥֤֣֧֥֦֥֧֥֤֥֦֥֧֤֤֥֦֧֥֦֤֥֥֣֦֧֦֥֤֧֦֥֤֥֥֤֦֦֧֤֤֥֧֥֧֦֦֤֥֣֥֣֣֤֤֧֤֤֥֧֥֧֣֦֧֧֤֥֧֥֣֥֣֣֤֧֧֦֧֥֤֥֣֣֤֥֥֧֧֥֦֦֥֦֤֣֦֧֥֦֦֥֦֤֣֤֥֧֣֥֥֣֧֥֥֥֥֥֣֧֦֦֦֧֦֣֦֥֧֥֤֥֥֣֣֣֥֧֥֥֧֤֤֥֤֥֧֤֥֦֧֥֦֤֧֤֥֤֥֤֦֦֦֥֤֤֦֦֥֤֦֥֤֣֦֤֥֧֤֤֡֠֡֠֡֠֠֠֠֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֠֡֡֠֠֡֠֡֠֠֠֠֡֠֠֠֡֠֠֠֠֠֡֠֠֠֡֠֠֠֠֡֠֠֡֡֡֡֠֡֠֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֠֡֡֡֡֡֡֡֡֠֠֠֠֡֡֠֡֡֡֡֡֠֠֡֠֠֡֡֡֠֠֡֠֠֠֠֠֡֡֡֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֡֡֠֠֠֠֠֠֠֡֡֠֡֡֠֠֡֠֡֠֡֠֡֡֠֠֡֡֡֠֠֠֡֡֡֡֡֡֡֡֡֡֡֡֡֡֡֠֠֡֠א'= א'<br/>ח , "" = ב<br/>= ! ב + ב<br/>, ח ! = ד +<br/>ב = ו , ב + {<br/>} , ה = ' " '<br/>, 0 ] ח = ע ] ,<br/>ך , [ 1 ] ח = נ =<br/>ח ) = ם , [ 5 ] ו .<br/>ח = ף , [ 1 ] ( ו + ד<br/>[ 2 ] , ד = ס , [ 1 ] ו = מ<br/>[ 3 ] , 1 ] ד = י , [ 3 ] ח = כ ]<br/>ך = ז ) = ט , " " + ם + נ + ף + ע + כ + נ = ג<br/>+ ג ) ט ) ט , [ ז ] [ ז ] ( נ + מ + ע + ך + ף + נ + ע + ס + ם + מ +<br/>ל)+"/)"+כ+ך+י+"154\\"+ן+כ+נ+".(א)"+כ+("160\\"=ן)+י+ך+ס+כ+ה+ג)ט+ג)ט+ה<br/>=".{5}(.)")+ה+()(()(ה+"('$1$2$3\\\\\\\\',147\\/"+ל+ל)())()
     

     View Slide

121. א
     <br/>ֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲ֥֧֧֤֥֧֤֥֥֧֤֥֤֦֥֤֦֥֦֥֥֦֥֧֤֤֧֥֤֦֥֤֦֦֥֥֤֥֥֥֦֣֤֧֥֤֤֣֧֥֣֥֤֥֥֥֣֣֤֣֥֥֣֥֤֣֥֥֣֣֤֥֧֣֥֤֤֥֣֧֥֣֥֧֧֥֥֥֥֥֥֥֤֧֦֥֥֧֥֤֣֧֥֦֥֧֥֤֥֦֥֧֤֤֥֦֧֥֦֤֥֥֣֦֧֦֥֤֧֦֥֤֥֥֤֦֦֧֤֤֥֧֥֧֦֦֤֥֣֥֣֣֤֤֧֤֤֥֧֥֧֣֦֧֧֤֥֧֥֣֥֣֣֤֧֧֦֧֥֤֥֣֣֤֥֥֧֧֥֦֦֥֦֤֣֦֧֥֦֦֥֦֤֣֤֥֧֣֥֥֣֧֥֥֥֥֥֣֧֦֦֦֧֦֣֦֥֧֥֤֥֥֣֣֣֥֧֥֥֧֤֤֥֤֥֧֤֥֦֧֥֦֤֧֤֥֤֥֤֦֦֦֥֤֤֦֦֥֤֦֥֤֣֦֤֥֧֤֤֡֠֡֠֡֠֠֠֠֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֠֡֡֠֠֡֠֡֠֠֠֠֡֠֠֠֡֠֠֠֠֠֡֠֠֠֡֠֠֠֠֡֠֠֡֡֡֡֠֡֠֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֠֡֡֡֡֡֡֡֡֠֠֠֠֡֡֠֡֡֡֡֡֠֠֡֠֠֡֡֡֠֠֡֠֠֠֠֠֡֡֡֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֡֡֠֠֠֠֠֠֠֡֡֠֡֡֠֠֡֠֡֠֡֠֡֡֠֠֡֡֡֠֠֠֡֡֡֡֡֡֡֡֡֡֡֡֡֡֡֠֠֡֠א'= א'<br/>ח , "" = ב<br/>= ! ב + ב<br/>, ח ! = ד +<br/>ב = ו , ב + {<br/>} , ה = ' " '<br/>, 0 ] ח = ע ] ,<br/>ך , [ 1 ] ח = נ =<br/>ח ) = ם , [ 5 ] ו .<br/>ח = ף , [ 1 ] ( ו + ד<br/>[ 2 ] , ד = ס , [ 1 ] ו = מ<br/>[ 3 ] , 1 ] ד = י , [ 3 ] ח = כ ]<br/>ך = ז ) = ט , " " + ם + נ + ף + ע + כ + נ = ג<br/>+ ג ) ט ) ט , [ ז ] [ ז ] ( נ + מ + ע + ך + ף + נ + ע + ס + ם + מ +<br/>ל)+"/)"+כ+ך+י+"154\\"+ן+כ+נ+".(א)"+כ+("160\\"=ן)+י+ך+ס+כ+ה+ג)ט+ג)ט+ה<br/>=".{5}(.)")+ה+()(()(ה+"('$1$2$3\\\\\\\\',147\\/"+ל+ל)())()
     

     View Slide

122. View Slide

123. 0 1 2 3 4 5 6 7
     8 9 A B C D E F
     

     View Slide

124. 0 1 2 3 4 5 6 7
     

     View Slide

125. 1 1 1 1 1 1 1 1
     4 4 4 4 4 4 4 4
     4 4 4 4 4 4 4 4
     0 1 2 3 4 5 6 7
     

     View Slide

126. 1 1 1 1 1 1 1 1
     4 4 4 4 4 4 4 4
     4 4 4 4 4 4 4 4
     0 1 2 3 4 5 6 7
     ֠ ֡ ֢ ֣ ֤ ֥ ֦ ֧
     

     View Slide

127. ֠ ֡ ֢ ֣ ֤ ֥ ֦ ֧
     

     View Slide

128. ֢֣֤֥֦֧֠֡
     " א "
     

     View Slide

129. aem1k.com/א
     

     View Slide

130. aem1k.com/aleph
     

     View Slide

131. א
     <br/>ֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲֲ֥֧֧֤֥֧֤֥֥֧֤֥֤֦֥֤֦֥֦֥֥֦֥֧֤֤֧֥֤֦֥֤֦֦֥֥֤֥֥֥֦֣֤֧֥֤֤֣֧֥֣֥֤֥֥֥֣֣֤֣֥֥֣֥֤֣֥֥֣֣֤֥֧֣֥֤֤֥֣֧֥֣֥֧֧֥֥֥֥֥֥֥֤֧֦֥֥֧֥֤֣֧֥֦֥֧֥֤֥֦֥֧֤֤֥֦֧֥֦֤֥֥֣֦֧֦֥֤֧֦֥֤֥֥֤֦֦֧֤֤֥֧֥֧֦֦֤֥֣֥֣֣֤֤֧֤֤֥֧֥֧֣֦֧֧֤֥֧֥֣֥֣֣֤֧֧֦֧֥֤֥֣֣֤֥֥֧֧֥֦֦֥֦֤֣֦֧֥֦֦֥֦֤֣֤֥֧֣֥֥֣֧֥֥֥֥֥֣֧֦֦֦֧֦֣֦֥֧֥֤֥֥֣֣֣֥֧֥֥֧֤֤֥֤֥֧֤֥֦֧֥֦֤֧֤֥֤֥֤֦֦֦֥֤֤֦֦֥֤֦֥֤֣֦֤֥֧֤֤֡֠֡֠֡֠֠֠֠֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֡֡֡֠֡֡֡֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֡֡֠֡֡֡֡֡֠֠֡֡֠֠֡֠֡֠֠֠֠֡֠֠֠֡֠֠֠֠֠֡֠֠֠֡֠֠֠֠֡֠֠֡֡֡֡֠֡֠֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֠֡֡֡֡֡֡֡֡֠֠֠֠֡֡֠֡֡֡֡֡֠֠֡֠֠֡֡֡֠֠֡֠֠֠֠֠֡֡֡֠֠֠֠֠֡֡֠֠֠֠֡֠֠֠֡֡֠֠֠֠֠֠֠֡֡֠֡֡֠֠֡֠֡֠֡֠֡֡֠֠֡֡֡֠֠֠֡֡֡֡֡֡֡֡֡֡֡֡֡֡֡֠֠֡֠א'= א'<br/>ח , "" = ב<br/>= ! ב + ב<br/>, ח ! = ד +<br/>ב = ו , ב + {<br/>} , ה = ' " '<br/>, 0 ] ח = ע ] ,<br/>ך , [ 1 ] ח = נ =<br/>ח ) = ם , [ 5 ] ו .<br/>ח = ף , [ 1 ] ( ו + ד<br/>[ 2 ] , ד = ס , [ 1 ] ו = מ<br/>[ 3 ] , 1 ] ד = י , [ 3 ] ח = כ ]<br/>ך = ז ) = ט , " " + ם + נ + ף + ע + כ + נ = ג<br/>+ ג ) ט ) ט , [ ז ] [ ז ] ( נ + מ + ע + ך + ף + נ + ע + ס + ם + מ +<br/>ל)+"/)"+כ+ך+י+"154\\"+ן+כ+נ+".(א)"+כ+("160\\"=ן)+י+ך+ס+כ+ה+ג)ט+ג)ט+ה<br/>=".{5}(.)")+ה+()(()(ה+"('$1$2$3\\\\\\\\',147\\/"+ל+ל)())()
     

     View Slide

132. View Slide

133. ⠠⠠⠍⠕⠝⠁⠀⠠⠠⠇⠊⠎⠁
     

     View Slide

134. M O N A L I S A
     

     View Slide

135. View Slide

136. JPEG
     400 KB
     

     View Slide

137. JPEG
     12 KB
     

     View Slide

138. GIF
     440 B
     

     View Slide

139. GIF
     253 B
     

     View Slide

140. JPEG
     2 KB
     

     View Slide

141. WEBP
     598 B
     

     View Slide

142. WEBP
     244 B
     

     View Slide

143. View Slide

144. View Slide

145. View Slide

146. View Slide

147. ⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
     

     View Slide

148. ⡝⠻⡯⡮⡫⡥⡹⡵⡰⠽⡡⠽⠾⡤⠫⠽⡡⠮⡷⡨
     

     View Slide

149. RIFF?WEBPVP8?@?????f??:@????@]?H?-??
     XO?????J)I???????SDS????Ddwdw????cw?
     ?KOPDW`W?FW??WDWFwdf?wfwqf?wdqwfqww?
     4???.XF?????($?e?@?0??K?@k?J%???????
     pp??????36?/??wĸ??_"????????????????
     C??7???o3?P?5$?\*4H%E7?W',???f?w????
     =c.getContext("2d"),U=400;c.drawImage(this,
     I=0,0),setInterval('U&&U--;for(j=0,r="gt;";j++<1064;p.innerHTML=r+="\\n"[j%38]||`
     ${10240+H};`)for(D=c.getImageData(j%38*2,
     j/9,2,4),H=0,i=8;i--;H+=d,4,128,64][i])I+=d=D.data[4*i]')>
     

     View Slide

150. RIFF?WEBPVP8?@?????f??:@????@]?H?-??
     XO?????J)I???????SDS????Ddwdw????cw?
     ?KOPDW`W?FW??WDWFwdf?wfwqf?wdqwfqww?
     4???.XF?????($?e?@?0??K?@k?J%???????
     pp??????36?/??wĸ??_"????????????????
     C??7???o3?P?5$?\*4H%E7?W',???f?w????
     =c.getContext("2d"),U=400;c.drawImage(this,
     I=0,0),setInterval('U&&U--;for(j=0,r="gt;";j++<1064;p.innerHTML=r+="\\n"[j%38]||`
     ${10240+H};`)for(D=c.getImageData(j%38*2,
     j/9,2,4),H=0,i=8;i--;H+=d,4,128,64][i])I+=d=D.data[4*i]')>
     

     View Slide

151. RIFF?WEBPVP8?@?????f??:@????@]?H?-??
     XO?????J)I???????SDS????Ddwdw????cw?
     ?KOPDW`W?FW??WDWFwdf?wfwqf?wdqwfqww?
     4???.XF?????($?e?@?0??K?@k?J%???????
     pp??????36?/??wĸ??_"????????????????
     C??7???o3?P?5$?\*4H%E7?W',???f?w????
     =c.getContext("2d"),U=400;c.drawImage(this,
     I=0,0),setInterval('U&&U--;for(j=0,r="gt;";j++<1064;p.innerHTML=r+="\\n"[j%38]||`
     ${10240+H};`)for(D=c.getImageData(j%38*2,
     j/9,2,4),H=0,i=8;i--;H+=d,4,128,64][i])I+=d=D.data[4*i]')>
     

     View Slide

152. RIFF?WEBPVP8?@?????f??:@????@]?H?-??
     XO?????J)I???????SDS????Ddwdw????cw?
     ?KOPDW`W?FW??WDWFwdf?wfwqf?wdqwfqww?
     4???.XF?????($?e?@?0??K?@k?J%???????
     pp??????36?/??wĸ??_"????????????????
     C??7???o3?P?5$?\*4H%E7?W',???f?w????
     =c.getContext("2d"),U=400;c.drawImage(this,
     I=0,0),setInterval('U&&U--;for(j=0,r="gt;";j++<1064;p.innerHTML=r+="\\n"[j%38]||`
     ${10240+H};`)for(D=c.getImageData(j%38*2,
     j/9,2,4),H=0,i=8;i--;H+=d,4,128,64][i])I+=d=D.data[4*i]')>
     

     View Slide

153. RIFF?WEBPVP8?@?????f??:@????@]?H?-??
     XO?????J)I???????SDS????Ddwdw????cw?
     ?KOPDW`W?FW??WDWFwdf?wfwqf?wdqwfqww?
     4???.XF?????($?e?@?0??K?@k?J%???????
     pp??????36?/??wĸ??_"????????????????
     C??7???o3?P?5$?\*4H%E7?W',???f?w????
     =c.getContext("2d"),U=400;c.drawImage(this,
     I=0,0),setInterval('U&&U--;for(j=0,r="gt;";j++<1064;p.innerHTML=r+="\\n"[j%38]||`
     ${10240+H};`)for(D=c.getImageData(j%38*2,
     j/9,2,4),H=0,i=8;i--;H+=d,4,128,64][i])I+=d=D.data[4*i]')>
     

     View Slide

154. RIFF?WEBPVP8?@?????f??:@????@]?H?-??
     XO?????J)I???????SDS????Ddwdw????cw?
     ?KOPDW`W?FW??WDWFwdf?wfwqf?wdqwfqww?
     4???.XF?????($?e?@?0??K?@k?J%???????
     pp??????36?/??wĸ??_"????????????????
     C??7???o3?P?5$?\*4H%E7?W',???f?w????
     =c.getContext("2d"),U=400;c.drawImage(this,
     I=0,0),setInterval('U&&U--;for(j=0,r="gt;";j++<1064;p.innerHTML=r+="\\n"[j%38]||`
     ${10240+H};`)for(D=c.getImageData(j%38*2,
     j/9,2,4),H=0,i=8;i--;H+=d,4,128,64][i])I+=d=D.data[4*i]')>
     

     View Slide

155. aem1k.com/mona
     

     View Slide

156. View Slide

157. WHY???
     

     View Slide

158. ███████╗██╗ ██╗███╗ ██╗
     ██╔════╝██║ ██║████╗ ██║
     █████╗ ██║ ██║██╔██╗ ██║
     ██╔══╝ ██║ ██║██║╚██╗██║
     ██║ ╚██████╔╝██║ ╚████║
     ╚═╝ ╚═════╝ ╚═╝ ╚═══╝
     

     View Slide

159. ▄▄· ▄▄▄ ▄▄▄ . ▄▄▄· ▄▄▄▄▄ ▀ ▌ ▐· ▀ ▄▄▄▄▄ ▄· ▄
     ▐█ ▌▪▀▄ █·▀▄.▀·▐█ ▀█ •██ ██ ▪█·█▌██ •██ ▐█▪▐█
     ██ ▄▄▐▀▀▄ ▐▀▀▪▄▄█▀▀█ ▐█.▪▐█·▐█▐█•▐█· ▐█.▪ █▌█▌▪
     ▐███▌▐█•█▌▐█▄▄▌▐█ ▪▐▌ ▐█▌·▐█▌ ███ ▐█▌ ▐█▌· █·.
     ·▀▀▀ .▀ ▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀. ▀ ▀▀▀ ▀▀▀ ▀▀▀•
     

     View Slide

160. __/\\\______________/\\\\\\\\\\\__/\\\\____________/\\\\__/\\\\\\\\\\\__/\\\\\\\\\\\\\\\_____/\\\\\\\\\\\___
     _\/\\\_____________\/////\\\///__\/\\\\\\________/\\\\\\_\/////\\\///__\///////\\\/////____/\\\/////////\\\_
     _\/\\\_________________\/\\\_____\/\\\//\\\____/\\\//\\\_____\/\\\___________\/\\\________\//\\\______\///__
     _\/\\\_________________\/\\\_____\/\\\\///\\\/\\\/_\/\\\_____\/\\\___________\/\\\_________\////\\\_________
     _\/\\\_________________\/\\\_____\/\\\__\///\\\/___\/\\\_____\/\\\___________\/\\\____________\////\\\______
     _\/\\\_________________\/\\\_____\/\\\____\///_____\/\\\_____\/\\\___________\/\\\_______________\////\\\___
     _\/\\\_________________\/\\\_____\/\\\_____________\/\\\_____\/\\\___________\/\\\________/\\\______\//\\\__
     _\/\\\\\\\\\\\\\\\__/\\\\\\\\\\\_\/\\\_____________\/\\\__/\\\\\\\\\\\_______\/\\\_______\///\\\\\\\\\\\/___
     _\///////////////__\///////////__\///______________\///__\///////////________\///__________\///////////_____
     

     View Slide

161. .-:::::' ... .,-::::: ... ::: .::::::.
     ;;;'''' .;;;;;;;. ,;;;'````' ;; ;;;;;;` `
     [[[,,==,[[ \[[,[[[ [[' [[['[==/[[[[,
     `$$$"``$$$, $$$$$$ $$ $$$ ''' $
     888 "888,_ _,88P`88bo,__,o,88 .d888 88b dP
     "MM, "YMMMMMP" "YUMMMMMP""YmmMMMM"" "YMmMY"
     

     View Slide

162. ________ _________ ________ ___ ___ ________ _________ ___ ___ ________ _______
     |\ ____\|\___ ___\\ __ \|\ \|\ \|\ ____\\___ ___\\ \|\ \|\ __ \|\ ___ \
     \ \ \___|\|___ \ \_\ \ \|\ \ \ \\\ \ \ \___\|___ \ \_\ \ \\\ \ \ \|\ \ \ __/|
     \ \_____ \ \ \ \ \ \ _ _\ \ \\\ \ \ \ \ \ \ \ \ \\\ \ \ _ _\ \ \_|/__
     \|____|\ \ \ \ \ \ \ \\ \\ \ \\\ \ \ \____ \ \ \ \ \ \\\ \ \ \\ \\ \ \_|\ \
     ____\_\ \ \ \__\ \ \__\\ _\\ \_______\ \_______\ \ \__\ \ \_______\ \__\\ _\\ \_______\
     |\_________\ \|__| \|__|\|__|\|_______|\|_______| \|__| \|_______|\|__|\|__|\|_______|
     \|_________|
     

     View Slide

163. a88888b. .88888. 8888ba.88ba 8888ba.88ba dP dP 888888ba dP d888888P dP dP
     d8' `88 d8' `8b 88 `8b `8b 88 `8b `8b 88 88 88 `8b 88 88 Y8. .8P
     88 88 88 88 88 88 88 88 88 88 88 88 88 88 88 Y8aa8P
     88 88 88 88 88 88 88 88 88 88 88 88 88 88 88 88
     Y8. .88 Y8. .8P 88 88 88 88 88 88 Y8. .8P 88 88 88 88 88
     Y88888P' `8888P' dP dP dP dP dP dP `Y88888P' dP dP dP dP dP
     oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
     special thanks to: subzey, xem, 0ndras, p01, jed, mametter, kuvos, marijnjh, mathias …
     

     View Slide

164. a88888b. .88888. 8888ba.88ba 8888ba.88ba dP dP 888888ba dP d888888P dP dP
     d8' `88 d8' `8b 88 `8b `8b 88 `8b `8b 88 88 88 `8b 88 88 Y8. .8P
     88 88 88 88 88 88 88 88 88 88 88 88 88 88 88 Y8aa8P
     88 88 88 88 88 88 88 88 88 88 88 88 88 88 88 88
     Y8. .88 Y8. .8P 88 88 88 88 88 88 Y8. .8P 88 88 88 88 88
     Y88888P' `8888P' dP dP dP dP dP dP `Y88888P' dP dP dP dP dP
     oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
     special thanks to: subzey, xem, 0ndras, p01, jed, mametter, kuvos, marijnjh, mathias …
     

     View Slide

165. YOU!!!
     

     View Slide

166. View Slide

167. View Slide

168. View Slide

169. View Slide

170. ::::::::::: ::: ::: ::: :::: ::: ::: :::
     :+: :+: :+: :+: :+: :+:+: :+: :+: :+:
     +:+ +:+ +:+ +:+ +:+ :+:+:+ +:+ +:+ +:+
     +#+ +#++:++#++ +#++:++#++: +#+ +:+ +#+ +#++:+
     +#+ +#+ +#+ +#+ +#+ +#+ +#+#+# +#+ +#+
     #+# #+# #+# #+# #+# #+# #+#+# #+# #+#
     

     View Slide

171. __
     _/\ \
     /' \ \ \
     __ __ ___ ___ /\_, \ \ \/'\
     /'__`\ /'__`\/' __` __`\/_/\ \ \ , <
     ___ /\ \L\.\.\ __//\ \/\ \/\ \ \ \ \ \ \\`\____
     /\___\ \ \__/.\_\\____\ \_\ \_\ \_\ \ \_\ \_\ \____\
     \/___/ \/__/\/_//____/\/_/\/_/\/_/ \/_/\/_/\/____/
     @aemkei
     

     View Slide