GLSL PostEffect in TouchDesigner

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

Transcript

1. amagitakayosi
   TouchDesigner
   GLSL Workshop
   

   View Slide

2. ߨٛͷ४උΛ͓ئ͍͠·͢
   w 5PVDI%FTJHOFSͷόʔδϣϯ
   w αϯϓϧϑΝΠϧ

   IUUQTHJUIVCDPNGBOE.65&,SBX
   NBTUFSHMTM&⒎FDUTUPF
   

   View Slide

3. @amagitakayosi
   

   View Slide

4. TouchDesignerͰVJͨ͠Γ
   

   View Slide

5. UnityͰVJͨ͠Γ
   

   View Slide

6. GLSLϥΠϒίʔσΟϯάͯ͠·͢
   

   View Slide

7. ࠓ೔ͷϝχϡʔ
   w (-4-ͷجૅ
   w ॳڃฤ3(#άϦονɺ৭ऩࠩ
   w ൃలฤ7)4ɺਫ࠼ɺΞεΩʔΞʔτ
   w ࣌ؒΈͯద౰ʹ࡟Γ·͢
   

   View Slide

8. εϩʔΨϯΘ͔Βͳͯ͘΋ؾʹ͠ͳ͍
   w ࡉ͔͍ܭࢉ͸͋ͱͰαϯϓϧݟΕ͹͍͍Ͱ͢
   w ʮ(-4-Ͱ͜Μͳ͜ͱ͕ग़དྷΔΜͩʙʯ

   ͱ͍͏งғؾΛ௫ΜͰ͍ͩ͘͞
   

   View Slide

9. GLSL
   

   View Slide

10. (-4-ͱ͸
    w 0QFO(-΍8FC(-ͷγΣʔμʔݴޠ
    w %$(ɺը૾ॲཧͳͲͰར༻͞ΕΔ
    w 7+ΤϑΣΫτͱͯ͠΋Α͘࢖ΘΕΔ
    w 5PVDI%FTJHOFS 7%.9 FUDʜ
    

    View Slide

11. (-4-͚ͩͰΞχϝʔγϣϯ࡞඼࡞Δਓ΋ʜʜ
    IUUQTXXXZPVUVCFDPNXBUDI WK#W#NJ5SP
    

    View Slide

12. 5PVDI%FTJHOFSͰ࢖͑ΔγΣʔμʔ
    w ௖఺γΣʔμʔ
    w δΦϝτϦγΣʔμʔ
    w ϑϥάϝϯτγΣʔμʔ
    w ίϯϐϡʔτγΣʔμʔ
    

    View Slide

13. 5PVDI%FTJHOFSͰ࢖͑ΔγΣʔμʔ
    w ௖఺γΣʔμʔ
    w δΦϝτϦγΣʔμʔ
    w ϑϥάϝϯτγΣʔμʔ
    w ίϯϐϡʔτγΣʔμʔ
    
    ࠓ೔͸͜Ε͚ͩ
    

    View Slide

14. ϑϥάϝϯτγΣʔμʔ
    w ໘ͷ৭Λܭࢉ͢ΔγΣʔμʔ
    w ϥΠςΟϯάܭࢉͨ͠ΓɺςΫενϟΛషͬͨΓ
    w શϐΫηϧͰຖϑϨʔϜ࣮ߦ͞ΕΔ
    w Y GQTͩͱճඵ
    

    View Slide

15. αϯϓϧϑΝΠϧ
    ։͚·͔ͨ͠ʁ
    

    View Slide

16. (-4-501
    JOUSPEVDUJPO
    

    View Slide

17. ͜ͷষͷ໨ඪ
    w ϑϥάϝϯτγΣʔμʔ͚ͩͰਤܗΛඳ͘
    w (-4-ͷجૅจ๏ΛֶͿ
    

    View Slide

18. ద౰ʹ(-4-501Λ࡞Γ·͠ΐ͏
    

    View Slide

19. (-4-501ͷத਎
    

    View Slide

20. ϑϥάϝϯτγΣʔμʔͷྲྀΕ
    w γΣʔμʔ͸ϐΫηϧຖʹ࣮ߦ͞ΕΔ
    w HM@'SBH$PMPSʹɺͦͷϐΫηϧͷ৭Λ

    WFD S H C B
    ܗࣜͰೖΕͯ͋͛Δ
    

    View Slide

21. ஋ͷछྨ
    w JOU੔਺
    w qPBUුಈখ਺఺਺
    w WFDdWFDϕΫτϧ
    

    View Slide

22. JOU੔਺
    w $ݴޠͳͲͰ͓ͳ͡Έ
    w AJOUBAͱॻ͘
    w ͋Μ·࢖Θ΁Μ
    w GPSϧʔϓͷΠϯσοΫε͘Β͍
    

    View Slide

23. qPBUුಈখ਺఺਺
    w AqPBUBAຢ͸ɹɹɹɹɹɹͱͱॻ͘
    w খ਺఺Λ๨ΕΔͱΤϥʔʹͳΔͷͰ஫ҙʂ
    w ϑΝΠϧઌ಄ͷɹɹɹɹɹ͸

    qPBUͷਫ਼౓Λࢦఆ͍ͯ͠Δ
    w MPXQ NFEJVNQ IJHIQͷॱʹਫ਼౓͕ߴ͘ͳΔ
    w ͍͍ͩͨNFEJVNQͰे෼
    

    View Slide

24. WFD WFD WFDϕΫλʔ
    w AqPBUBɹɹɹɹPS
    w ͱॻ͍ͯ΋0,

    ʢத਎͕JOUʹͳΔ༁Ͱ͸ͳ͍ʣ
    w ɹɹɹɹɹɹɹɹͱ͢Δͱ

    C͸WFD
    ʹͳΔ TXJ[[MF
    
    

    View Slide

25. (-4-ͰԁΛඳ͍ͯΈΑ͏
    

    View Slide

26. 3(#(MJUDI
    

    View Slide

27. ॲཧͷྲྀΕ
    ϊΠζΛ࡞ͬͯʜ
    3(#ΛͣΒͯ͠ʜ
    ׬੒ʂ
    

    View Slide

28. 3(#ΛͣΒͯ͠ΈΔ
    

    View Slide

29. 3(#ΛͣΒͯ͠ΈΔ
    

    View Slide

30. 5%4JNQMFY/PJTFΛ࢖͏
    

    View Slide

31. ϒϩοΫϊΠζΛ࡞Δ
    

    View Slide

32. 3(#ΛϒϩοΫϊΠζͰͣΒ͢
    

    View Slide

33. VOJGPSNม਺
    w શϐΫηϧͰڞ௨ͷม਺
    w 5PVDI%FTJHOFS͕༻ҙͯ͘͠ΕΔ෺΋͋Δ

    T5%%*OQVUT౳
    
    w ࣗ෼Ͱ΋ઃఆͰ͖Δ UJNF TMJEFS౳
    
    w $)01ͷ஋Λ౉ͨ͠Γɺ

    501ΛςΫενϟͱͯ͠౉ͨ͠Γ
    

    View Slide

34. View Slide

35. ࠓճ࢖ͬͨ૊ΈࠐΈؔ਺
    w qPPS Y
    Yͷখ਺෦෼Λ੾ΓࣺͯΔ
    w GSBDU Y
    Yͷখ਺෦෼͚ͩΛൈ͖ग़͢
    w TUFQ O Y
    Y͕OҎ্ͳΒ OະຬͳΒ
    

    View Slide

36. $ISPNB
    

    View Slide

37. ৭ऩࠩΤϑΣΫτ
    w ը໘ͷ୺Ͱ3(#͕ͣΕΔޮՌ
    w τΠΧϝϥͱ͔73ΰʔάϧͰݟΔ͋Ε
    w ͍ͭͰʹը໘୺Λ҉͘͢ΔͱͦΕͬΆ͍ͧʂ

    ʢपลݮޫɺ7JHOFUUFʣ
    

    View Slide

38. ॲཧͷྲྀΕ
    ԁܗʹ3(#ͣΒͯ͠ʜ
    ॏͶͯϘΧ͢ͱʜ
    ׬੒ʂ
    

    View Slide

39. த৺͔Βͷڑ཭Ͱζϥ͢
    

    View Slide

40. ॏͶͯϘΧ͢
    

    View Slide

41. ॏͶͯϘΧ͢
    w ͣΒ͠෯Λগͣͭ͠૿΍ͯ͠৭Λ଍͍͖ͯ͠ɺ

    ฏۉΛͱΔͱ͍͍ײ͡ʹϘέΔ
    w GPSϧʔϓΛ࢖͍·͢
    

    View Slide

42. View Slide

43. पลݮޫΛ௥Ճ
    

    View Slide

44. View Slide

45. ࠓճ࢖ͬͨ૊ΈࠐΈؔ਺
    w qPBU Y
    JOUΛqPBUʹม׵͢Δ
    w NJY B C U
    BͱCΛU d
    ͷ஋Ͱࠞͥ߹ΘͤΔ
    w GPS JOUJJ/J
    ॲཧΛ/ճ܁Γฦ͢
    

    View Slide

46. 7)4
    

    View Slide

47. ॲཧͷྲྀΕ
    ԣʹήδήδͤͯ͞ʜ
    ϊΠζͷଳΛ௥Ճͯ͠ʜ
    3(#ͣΒͯ͠ʜ
    βϥβϥͤͨ͞Β׬੒
    

    View Slide

48. ԣʹήδήδͤ͞Δ
    

    View Slide

49. Z࠲ඪͰY࠲ඪΛζϥ͢
    

    View Slide

50. ϊΠζͷଳΛ௥Ճ
    

    View Slide

51. Ұ෦෼͚ͩϊΠζΛ௥Ճ
    

    View Slide

52. Yํ޲ʹ3(#ͣΒ͢
    

    View Slide

53. શମతʹβϥβϥͤ͞Δ
    

    View Slide

54. .FMU
    

    View Slide

55. ॲཧͷྲྀΕ
    ϑΟʔυόοΫΛ࿪·ͤͯʜ ॏͶͯϘΧ͢ͱ׬੒ʂ
    

    View Slide

56. 'FFECBDL501ͰલͷϑϨʔϜΛऔಘ
    

    View Slide

57. લͷϑϨʔϜΛ࿪·ͤͯ
    

    View Slide

58. ॏͶͯϘΧ͢
    

    View Slide

59. ϊΠζ࿔Δͱ͜͏ͳΓ·͢
    

    View Slide

60. ϊΠζ࿔Δͱ͜͏ͳΓ·͢
    ͨͷ͍͠ʜʜ
    ͨͷ͍͠ʜʜ
    

    View Slide

61. "TDJJ"SU
    

    View Slide

62. ॲཧͷྲྀΕ
    ϒϩοΫͷ໌Δ͞Λܭࢉ
    ׬੒ʂ
    จࣈςΫενϟΛࢀরͯ͠
    

    View Slide

63. View Slide

64. VW࠲ඪΛϒϩοΫʹ෼ׂ
    

    View Slide

65. ϒϩοΫຖʹจࣈΛද͍ࣔͨ͠ʜ
    

    View Slide

66. VWYVWY
    

    View Slide

67. VWYHSBZ
    
    

    View Slide

68. ࠷ऴతʹ͜͏ͳΔ
    

    View Slide

69. ׬੒ʙʙ
    

    View Slide

70. ࠷ޙʹ
    w (-4-ͷύϫϑϧ͞ɺָ͕͠͞఻ΘΕ͹͍͍ͳʙ
    w ࣭໰΍ײ૝͸ɺ͜ͷ͋ͱͷۭ͖࣌ؒ΍

    5XJUUFS౳Ͱ͓ؾܰʹͲ͏ͧʂ
    

    View Slide

71. (-4-PO5PVDI%FTJHOFSࢀߟϦϯΫ
    w 8SJUFB(-4-501%FSJWBUJWF

    IUUQTEPDTEFSJWBUJWFDB8SJUF@B@(-4-@501
    w 5PVDI%FTJHOFSͰ(-4-Λѻ͏ʹ͸2JJUB

    IUUQTRJJUBDPN5PZPTIJ.PSJPLBJUFNT
    GBDFBFG
    

    View Slide

72. (-4-ࣗମͷࢀߟϦϯΫ
    w 5IF#PPL0G4IBEFST

    IUUQTUIFCPPLPGTIBEFSTDPN MBOKQ
    w XHMEPSHc(-4-

    IUUQTXHMEPSHEHMTM
    w 7&%"

    IUUQTWFEBHM
    

    View Slide

73. @amagitakayosi
    

    View Slide