GLSL PostEffect in TouchDesigner

Slide for TouchDesigner workshop took place in MUTEK.jp 2018.

Transcript

1. amagitakayosi TouchDesigner GLSL Workshop
2. ߨٛͷ४උΛ͓ئ͍͠·͢ w 5PVDI%FTJHOFSͷόʔδϣϯ
   
   w αϯϓϧϑΝΠϧ
   
 IUUQTHJUIVCDPNGBOE.65&,SBX NBTUFSHMTM&⒎FDUTUPF
3. @amagitakayosi
4. TouchDesignerͰVJͨ͠Γ
5. UnityͰVJͨ͠Γ
6. GLSLϥΠϒίʔσΟϯάͯ͠·͢
7. ࠓ೔ͷϝχϡʔ w (-4-ͷجૅ
   w ॳڃฤ
   3(#άϦονɺ৭ऩࠩ
   w ൃలฤ
   7)4ɺਫ࠼ɺΞεΩʔΞʔτ
   w ࣌ؒΈͯద౰ʹ࡟Γ·͢
8. εϩʔΨϯ
   Θ͔Βͳͯ͘΋ؾʹ͠ͳ͍ w ࡉ͔͍ܭࢉ͸͋ͱͰαϯϓϧݟΕ͹͍͍Ͱ͢
   w ʮ(-4-Ͱ͜Μͳ͜ͱ͕ग़དྷΔΜͩʙʯ
 ͱ͍͏งғؾΛ௫ΜͰ͍ͩ͘͞
9. GLSL
10. (-4-ͱ͸ w 0QFO(-΍8FC(-ͷγΣʔμʔݴޠ
    w %$(ɺը૾ॲཧͳͲͰར༻͞ΕΔ
    w 7+ΤϑΣΫτͱͯ͠΋Α͘࢖ΘΕΔ
    w 5PVDI%FTJHOFS
    7%.9
    FUDʜ
11. (-4-͚ͩͰΞχϝʔγϣϯ࡞඼࡞Δਓ΋ʜʜ IUUQTXXXZPVUVCFDPNXBUDI WK#W#NJ5SP
12. 5PVDI%FTJHOFSͰ࢖͑ΔγΣʔμʔ w ௖఺γΣʔμʔ
    w δΦϝτϦγΣʔμʔ
    w ϑϥάϝϯτγΣʔμʔ
    w ίϯϐϡʔτγΣʔμʔ
13. 5PVDI%FTJHOFSͰ࢖͑ΔγΣʔμʔ w ௖఺γΣʔμʔ
    w δΦϝτϦγΣʔμʔ
    w ϑϥάϝϯτγΣʔμʔ
    w ίϯϐϡʔτγΣʔμʔ 
    ࠓ೔͸͜Ε͚ͩ
14. ϑϥάϝϯτγΣʔμʔ w ໘ͷ৭Λܭࢉ͢ΔγΣʔμʔ
    w ϥΠςΟϯάܭࢉͨ͠ΓɺςΫενϟΛషͬͨΓ
    w શϐΫηϧͰຖϑϨʔϜ࣮ߦ͞ΕΔ
    w Y
    GQTͩͱ
    
    ճ
    
    ඵ
15. αϯϓϧϑΝΠϧ
    ։͚·͔ͨ͠ʁ
16. (-4-
    501
    JOUSPEVDUJPO
17. ͜ͷষͷ໨ඪ w ϑϥάϝϯτγΣʔμʔ͚ͩͰਤܗΛඳ͘
    w (-4-ͷجૅจ๏ΛֶͿ
18. ద౰ʹ(-4-
    501Λ࡞Γ·͠ΐ͏
19. (-4-
    501ͷத਎
20. ϑϥάϝϯτγΣʔμʔͷྲྀΕ w γΣʔμʔ͸ϐΫηϧຖʹ࣮ߦ͞ΕΔ
    w HM@'SBH$PMPSʹɺͦͷϐΫηϧͷ৭Λ
 WFD S
    H
    C
    B
    ܗࣜͰೖΕͯ͋͛Δ
21. ஋ͷछྨ w JOU
    ੔਺
    w qPBU
    ුಈখ਺఺਺
    w WFD
    d
    WFD
    ϕΫτϧ
22. JOU
    ੔਺ w $ݴޠͳͲͰ͓ͳ͡Έ
    w AJOU
    B
    
    A
    ͱॻ͘
    w ͋Μ·࢖Θ΁Μ
    w GPSϧʔϓͷΠϯσοΫε͘Β͍
23. qPBU
    ුಈখ਺఺਺ w AqPBU
    B
    
    A
    ຢ͸ɹɹɹɹɹɹͱ
    ͱॻ͘
    w খ਺఺Λ๨ΕΔͱΤϥʔʹͳΔͷͰ஫ҙʂ
    w ϑΝΠϧઌ಄ͷɹɹɹɹɹ
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ͸
 qPBUͷਫ਼౓Λࢦఆ͍ͯ͠Δ
    w MPXQ
    NFEJVNQ
    IJHIQ
    ͷॱʹਫ਼౓͕ߴ͘ͳΔ
    w ͍͍ͩͨNFEJVNQͰे෼
24. WFD
    WFD
    WFD
    ϕΫλʔ w AqPBU
    B
    
    ɹɹɹɹ
    PS
    w
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ͱॻ͍ͯ΋0,
 ʢத਎͕JOUʹͳΔ༁Ͱ͸ͳ͍ʣ
    w ɹɹ
    
    
    
    
    
    
    
    
    ɹɹɹɹɹɹ
    ͱ͢Δͱ
 C͸
    WFD 
     ʹͳΔ
    TXJ[[MF
25. (-4-ͰԁΛඳ͍ͯΈΑ͏
26. 3(#
    (MJUDI
27. ॲཧͷྲྀΕ ϊΠζΛ࡞ͬͯʜ 3(#ΛͣΒͯ͠ʜ ׬੒ʂ
28. 3(#ΛͣΒͯ͠ΈΔ
29. 3(#ΛͣΒͯ͠ΈΔ
30. 5%4JNQMFY/PJTFΛ࢖͏
31. ϒϩοΫϊΠζΛ࡞Δ
32. 3(#ΛϒϩοΫϊΠζͰͣΒ͢
33. VOJGPSNม਺ w શϐΫηϧͰڞ௨ͷม਺
    w 5PVDI%FTJHOFS͕༻ҙͯ͘͠ΕΔ෺΋͋Δ
 T5%%*OQVUT౳
    w ࣗ෼Ͱ΋ઃఆͰ͖Δ
    UJNF
    TMJEFS౳
    w $)01ͷ஋Λ౉ͨ͠Γɺ
 501ΛςΫενϟͱͯ͠౉ͨ͠Γ
35. ࠓճ࢖ͬͨ૊ΈࠐΈؔ਺ w qPPS Y 
    Yͷখ਺෦෼Λ੾ΓࣺͯΔ
    w GSBDU Y 
    Yͷখ਺෦෼͚ͩΛൈ͖ग़͢
    w TUFQ O
    Y 
    Y͕OҎ্ͳΒ
    OະຬͳΒ
36. $ISPNB
37. ৭ऩࠩΤϑΣΫτ w ը໘ͷ୺Ͱ3(#͕ͣΕΔޮՌ
    w τΠΧϝϥͱ͔73ΰʔάϧͰݟΔ͋Ε
    w ͍ͭͰʹը໘୺Λ҉͘͢ΔͱͦΕͬΆ͍ͧʂ
 ʢपลݮޫɺ7JHOFUUFʣ
38. ॲཧͷྲྀΕ ԁܗʹ3(#ͣΒͯ͠ʜ ॏͶͯϘΧ͢ͱʜ ׬੒ʂ
39. த৺͔Βͷڑ཭Ͱζϥ͢
40. ॏͶͯϘΧ͢
41. ॏͶͯϘΧ͢ w ͣΒ͠෯Λগͣͭ͠૿΍ͯ͠৭Λ଍͍͖ͯ͠ɺ
 ฏۉΛͱΔͱ͍͍ײ͡ʹϘέΔ
    w GPSϧʔϓΛ࢖͍·͢
43. पลݮޫΛ௥Ճ
45. ࠓճ࢖ͬͨ૊ΈࠐΈؔ਺ w qPBU Y 
    JOUΛqPBUʹม׵͢Δ
    w NJY B
    C
    U 
    BͱCΛU d ͷ஋Ͱࠞͥ߹ΘͤΔ
    w GPS
    JOU
    J
    
    
    J
    
    /
    J 
    ॲཧΛ/ճ܁Γฦ͢
46. 7)4
47. ॲཧͷྲྀΕ ԣʹήδήδͤͯ͞ʜ ϊΠζͷଳΛ௥Ճͯ͠ʜ 3(#ͣΒͯ͠ʜ βϥβϥͤͨ͞Β׬੒
48. ԣʹήδήδͤ͞Δ
49. Z࠲ඪͰY࠲ඪΛζϥ͢
50. ϊΠζͷଳΛ௥Ճ
51. Ұ෦෼͚ͩϊΠζΛ௥Ճ
52. Yํ޲ʹ3(#ͣΒ͢
53. શମతʹβϥβϥͤ͞Δ
54. .FMU
55. ॲཧͷྲྀΕ ϑΟʔυόοΫΛ࿪·ͤͯʜ ॏͶͯϘΧ͢ͱ׬੒ʂ
56. 'FFECBDL
    501ͰલͷϑϨʔϜΛऔಘ
57. લͷϑϨʔϜΛ࿪·ͤͯ
58. ॏͶͯϘΧ͢
59. ϊΠζ࿔Δͱ͜͏ͳΓ·͢
60. ϊΠζ࿔Δͱ͜͏ͳΓ·͢ ͨͷ͍͠ʜʜ ͨͷ͍͠ʜʜ
61. "TDJJ
    "SU
62. ॲཧͷྲྀΕ ϒϩοΫͷ໌Δ͞Λܭࢉ ׬੒ʂ จࣈςΫενϟΛࢀরͯ͠
64. VW࠲ඪΛϒϩοΫʹ෼ׂ
65. ϒϩοΫຖʹจࣈΛද͍ࣔͨ͠ʜ
66. VWY
    
    VWY
    
67. VWY
    
    HSBZ
    
     
68. ࠷ऴతʹ͜͏ͳΔ
69. ׬੒ʙʙ
70. ࠷ޙʹ w (-4-ͷύϫϑϧ͞ɺָ͕͠͞఻ΘΕ͹͍͍ͳʙ
    w ࣭໰΍ײ૝͸ɺ͜ͷ͋ͱͷۭ͖࣌ؒ΍
 5XJUUFS౳Ͱ͓ؾܰʹͲ͏ͧʂ
71. (-4-
    PO
    5PVDI%FTJHOFSࢀߟϦϯΫ w 8SJUF
    B
    (-4-
    501
    
    %FSJWBUJWF
 IUUQTEPDTEFSJWBUJWFDB8SJUF@B@(-4-@501
    w 5PVDI%FTJHOFSͰ(-4-Λѻ͏ʹ͸
    
    2JJUB
 IUUQTRJJUBDPN5PZPTIJ.PSJPLBJUFNT GBDFBFG
72. (-4-ࣗମͷࢀߟϦϯΫ w 5IF
    #PPL
    0G
    4IBEFST
 IUUQTUIFCPPLPGTIBEFSTDPN MBOKQ
    w XHMEPSH
    c
    (-4-
 IUUQTXHMEPSHEHMTM
    w 7&%"
 IUUQTWFEBHM
73. @amagitakayosi