VEDA GLSL Livecoding workshop

Presented at TOPLAP Japan Vol.2 workshop at Kyoto

Transcript

1. amagitakayosi
   GLSL Livecoding
   Workshop
   

   View Slide

2. ͸͡Ί·ͯ͠ʂ
   ʜʜͷલʹ
   

   View Slide

3. ߨٛͷ४උΛ͓ئ͍͠·͢
   w ͜ͷεϥΠυͷ63-IUUQTCJUMZS"MEF
   w αϯϓϧϑΝΠϧΛμ΢ϯϩʔυͯ͠Լ͍͞
   IUUQTCJUMZ)[H#S
   w ࣍ʹɺ7&%"ͷΞοϓσʔτΛ͓ئ͍͠·͢
   

   View Slide

4. 7&%"ͷΞοϓσʔτ
   
   w $NE Ͱઃఆը໘Λ։͘
   

   View Slide

5. 7&%"ͷΞοϓσʔτ
   
   w $NE Ͱઃఆը໘Λ։͘
   

   View Slide

6. 7&%"ͷΞοϓσʔτ
   
   w 6QEBUFϘλϯΛԡ͢
   

   View Slide

7. 7&%"ͷΞοϓσʔτ
   
   w "UPNΛ࠶ىಈ
   

   View Slide

8. 7&%"Λىಈͯ͠ΈΑ͏
   w $NE4IJGU1ˠlWFEBUPHHMFzΛ࣮ߦ
   

   View Slide

9. w $NE4IJGU1ˠlWFEBUPHHMFzΛ࣮ߦ
   

   View Slide

10. Α͋͘ΔΤϥʔ
    w lHMTMBOH7BMJEBUPSOPUGPVOEzΈ͍ͨͳౕ
    w HMTMBOH7BMJEBUPSͷΠϯετʔϧΛ͓ئ͍͠·͢
    w IUUQTWFEBHMJOTUBMM MBOHKBHMTMBOHWBMJEBUPS
    w ӈԼʹϚʔΫ͕ͰͯΔ࣌
    w ϚʔΫΛΫϦοΫͯ͠ɺ3FCVJME࠶ىಈ͢Δͱ௚Δ
    ͸ͣ
    

    View Slide

11. @amagitakayosi
    

    View Slide

12. GLSLͰVJͯ͠·͢
    https://twitter.com/mactkg/status/944246499818422272
    

    View Slide

13. (-4-ྺ
    w (-4-ʹΑΔ7+ΛݟͯিܸΛड͚Δ
    w 7&%"੡࡞։࢝
    w ϥΠϒίʔσΟϯά7+σϏϡʔ
    w ౦ژ/PEFֶԂࡇ
    w "MHPSBWF5PLZP
    

    View Slide

14. (-4-ྺ
    w (-4-ʹΑΔ7+ΛݟͯিܸΛड͚Δ
    w 7&%"੡࡞։࢝
    w ϥΠϒίʔσΟϯά7+σϏϡʔ
    w ౦ژ/PEFֶԂࡇ
    w "MHPSBWF5PLZP
    ΍ͬͯΈΕ͹
    ҙ֎ͱ͙͢
    ग़དྷΔΑ͏ʹͳΓ·͢ʂ
    

    View Slide

15. ࠓ೔ͷϝχϡʔ
    w (-4-֓આ
    w ϑϥάϝϯτγΣʔμʔجૅ
    w ಈըʹΤϑΣΫτΛ͔͚Δ
    w ௖఺γΣʔμʔͱͷ૊߹ͤ
    w ͕࣌ؒ͋Ε͹
    Ի੠ೖྗ
    

    View Slide

16. εϩʔΨϯΘ͔Βͳͯ͘΋ؾʹ͠ͳ͍
    w ࡉ͔͍ܭࢉͱ͔͸ޙͰࢿྉݟΕ͹͍͍Ͱ͢
    w ʮϥΠϒίʔσΟϯάͰ͜Μͳ͜ͱ͕ग़དྷΔ
    ΜͩͳʙʯΈ͍ͨͳࣄΛײ͡Δͷ͕େࣄ
    

    View Slide

17. GLSL
    

    View Slide

18. (-4-ͱ͸
    w 0QFO(-΍8FC(-ͷγΣʔμʔݴޠ
    w ϒϥ΢β্Ͱը૾ॲཧͨ͠Γ
    w 7+ιϑτͷΤϑΣΫτͱͯ͠ར༻͞ΕͨΓ
    w ϥΠϒίʔσΟϯά7+ͰΑ͘࢖ΘΕΔ
    

    View Slide

19. γΣʔμʔͱ͸
    w %άϥϑΟοΫʹ͓͍ͯɺ෺ମͷҐஔ΍

    ϥΠςΟϯάɺ৭ͳͲΛܭࢉ͢ΔϓϩάϥϜ
    w γΣʔμʔݴޠଞʹ΋)-4- %JSFDU9
    
    .FUBM J04
    ౳
    w ߦྻͳͲɺը૾ॲཧʹศརͳؔ਺͕ଟ͍
    w (16ʹΑΔߴ଎ͳॲཧ͕Մೳ
    

    View Slide

20. γΣʔμʔΞʔτ
    w (-4-͸(16ͷύϫʔΛϑϧ׆༻Ͱ͖Δ
    w ʮ(-4-͚ͩͰෳࡶͳάϥϑΟοΫදݱΛ

    ɹඳըͰ͖ΔͷͰ͸ʁʯ
    w ͳ͔ͥ୯ମͰΞχϝʔγϣϯΛ࡞ͬͨΓ

    ϥΠϒίʔσΟϯά7+͢Δਓ͕ݱΕΔ
    

    View Slide

21. ࢀߟLJOUSPl&MFWBUFEz
    IUUQTXXXZPVUVCFDPNXBUDI WK#W#NJ5SP
    

    View Slide

22. γΣʔμʔͷछྨ
    w ௖఺γΣʔμʔ
    w ςοηϨʔγϣϯγΣʔμʔʢࠓ೔͸΍Βͳ͍ʣ
    w δΦϝτϦγΣʔμʔʢࠓ೔͸΍Βͳ͍ʣ
    w ϑϥάϝϯτγΣʔμʔ
    

    View Slide

23. ௖఺γΣʔμʔ
    w Ϟσϧͷ௖఺ͷҐஔΛܭࢉ͢ΔγΣʔμʔ
    w ΧϝϥͷҐஔɺΩϟϥΫλʔͷҐஔ͔Β

    ௖఺͕ը໘ͷͲ͜ʹདྷΔ͔Λܭࢉ͢Δ
    w ௖఺ҰͭҰͭʹର࣮͠ߦ͞ΕΔ
    

    View Slide

24. ϑϥάϝϯτγΣʔμʔ
    w ໘ͷ৭Λܭࢉ͢ΔγΣʔμʔ
    w ޫݯͷҐஔ৘ใ͔ΒӨΛܭࢉͨ͠Γ
    w ςΫενϟΛషͬͨΓ
    w ϐΫηϧҰͭҰͭʹର࣮͠ߦ͞ΕΔ
    w 'VMM)% GQTͩͱճඵ
    

    View Slide

25. ɹɹ7&%"
    w "UPNΤσΟλʔ্Ͱಈ࡞͢Δ

    (-4-ϥΠϒίʔσΟϯά؀ڥ
    w ฤूதͷ(-4-ίʔυΛධՁͯ͠

    ΤσΟλʔͷഎܠʹඳը͢Δ
    w ௖఺γΣʔμʔϑϥάϝϯτγΣʔμʔʹରԠ
    

    View Slide

26. ୈҰষ
    ϑϥάϝϯτγΣʔμʔ
    جૅ
    

    View Slide

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

    View Slide

28. ௨ৗͷ%$(
    w ਺ઍʙ਺ສݸͷ௖఺ͰཱମΛදݱ͠ɺ

    ϑϥάϝϯτγΣʔμʔͰ৭Λ͋ͯΔ
    

    View Slide

29. ϑϥάϝϯτγΣʔμʔΞʔτ
    w ࡾ֯ܗݸγΣʔμʔͰશͯͷ෺ମΛදݱ

    ʢ൘ϙϦʣ
    

    View Slide

30. αϯϓϧϑΝΠϧΛ։͜͏
    

    View Slide

31. 7&%"Λىಈͯ͠ΈΑ͏
    w $NE4IJGU1ˠlWFEBUPHHMFzΛ࣮ߦ
    

    View Slide

32. w $NE4IJGU1ˠlWFEBUPHHMFzΛ࣮ߦ
    

    View Slide

33. TUFQGSBHΛ࣮ߦͯ͠ΈΑ͏
    w $USM&OUFSͰ࣮ߦ
    

    View Slide

34. ίϝϯτΛ֎࣮ͯ͠ߦ
    w $USMͰɺͦͷߦͷίϝϯτPOP⒎Ͱ͖·͢
    

    View Slide

35. ͜ͷลΛͻͱͭͣͭ
    ίϝϯτ֎࣮ͯ͠ߦ
    NBD$NE
    
    XJO$USM
    
    

    View Slide

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

    View Slide

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

    View Slide

38. qPBUුಈখ਺఺਺
    w AqPBUBAຢ͸ɹɹɹɹɹɹͱͱॻ͘
    w ϑΝΠϧઌ಄ͷɹɹɹɹɹ͸

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

    View Slide

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

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

    C͸WFD
    ʹͳΔ TXJ[[MF
    
    

    View Slide

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

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

    View Slide

41. 7&%"Ͱ࢖͑Δม਺
    w WFDHM@'SBH$PPSEϐΫηϧͷҐஔ
    w VOJGPSNม਺
    w qPBUUJNF7&%"ىಈ͔Βͷܦա࣌ؒ ඵ
    
    w WFDSFTPMVUJPO΢Οϯυ΢ͷαΠζ
    

    View Slide

42. TUFQGSBHΛ࣮ߦͯ͠ΈΑ͏
    

    View Slide

43. TUFQGSBHΛ࣮ߦͯ͠ΈΑ͏
    

    View Slide

44. TUFQGSBHΛ࣮ߦͯ͠ΈΑ͏
    

    View Slide

45. ୈೋষ
    ಈըʹΤϑΣΫτΛ͔͚Δ
    

    View Slide

46. ͜ͷষͷ໨ඪ
    w ಈըΛ࠶ੜ͠ΤϑΣΫτΛ͔͚Δํ๏Λ֮͑Δ
    w (-4-ͰԿΛͲ͏ͨ͠ΒͲ͏ͳΔͷ͔ɺ

    ͳΜͱͳ͘ײ֮Λ͔ͭΉ
    

    View Slide

47. WJEFPGSBHΛ࣮ߦͯ͠ΈΑ͏
    w ͭͷಈըΛςΫενϟʹಡΈࠐΜͰ͍Δ
    

    View Slide

48. TBNQMFS%ςΫενϟ
    w ɹɹɹɹɹɹɹɹɹJOUBAͱॻ͘ͱ

    ςΫενϟͷ࠲ඪVWͷ஋ΛऔಘͰ͖Δ
    w VW͸
    ʙ
    ͷൣғ
    

    View Slide

49. ಈըͷ੾Γସ͑ํखಈ
    w *.1035&%ΛίϝϯτΞ΢τͰ੾Γସ͑
    w ۂͷ͍͍ײ͡ͷͱ͜Ͱ$USM&OUFS
    w Ұ൪࢖͍΍͍ͧ͢ʂʂʂ
    

    View Slide

50. ಈըͷ੾Γସ͑ํࣗಈ
    w UJNF౳Λ࢖ͬͯྑ͍ײ͡ʹ੾Γସ͑Δ
    w lJG NPE UJNF
    
    zͨ͠Γ
    w lHM@'SBH$PMPSTJO UJNF
    zͨ͠Γ
    w WJEFPGSBH͸͜ͷύλʔϯͰ͢Ͷ
    

    View Slide

51. ಈըͷ੾Γସ͑ํ֎෦ೖྗ
    w Ի੠ʹ߹ΘͤͨΓɺ

    .*%*΍04$ೖྗΛ࢖ͬͨΓ
    w ্ख͘Ͱ͖Δͱ͔͍͍ͬͧ͜ʂʂʂ
    

    View Slide

52. GYGSBHΛ࣮ߦͯ͠ΈΑ͏
    

    View Slide

53. 7+ͰΑ͋͘ΔΤϑΣΫτ
    w ճస
    w Ώ͕Έ
    w ສ՚ڸͬΆ͍΍ͭ
    w 3(#ͣΒ͠
    w ࠲ඪͣΒ͠
    

    View Slide

54. σΟεϓϨΠεϝϯτϚοϓ
    w WJEFPͷ஋ͰɺWJEFPͷදࣔҐஔΛ࿪·ͤΔ
    

    View Slide

55. ୈࡾষ
    ௖఺γΣʔμʔ
    

    View Slide

56. ͜ͷষͷ໨ඪ
    w ௖఺γΣʔμʔͷॻ͖ํΛ֮͑Δ
    w ఺΍ઢʹΑΔॳาతͳදݱΛֶͿ
    

    View Slide

57. ௖఺γΣʔμʔʹΑΔγΣʔμʔΞʔτ
    w IUUQTWFSUFYTIBEFSBSUDPN͕ൃ঵ʁ
    w %σʔλΛ༻͍ͣɺγΣʔμʔ͚ͩͰ

    ௖఺ͷҐஔΛܭࢉ͢Δ
    w WBSZJOHWFDDPMPSͰ௖఺ͷ৭Λઃఆ
    w WBSZJOHม਺௖఺γΣʔμʔ͔Βϑϥάϝ
    ϯτγΣʔμʔ΁౉ͤΔม਺
    

    View Slide

58. WFSUWFSUΛ࣮ߦͯ͠ΈΑ͏
    

    View Slide

59. ௖఺γΣʔμʔͷྲྀΕ
    w HM@1PTJUJPOʹɺͦͷ௖఺ͷ࠲ඪΛ

    WFD Y Z [ X
    ܗࣜͰೖΕͯ͋͛Δ
    w X͸ؾʹ͠ͳͯ͘ྑ͍Ͱ͢ʢৗʹͰʣ
    w HM@1PJOU4J[Fʹ͸ɺ௖఺ͷେ͖͞ΛೖΕΔ
    

    View Slide

60. ௖఺γΣʔμʔͰԁΛඳ͘
    w WFSUFY*E௖఺ͷ൪߸
    w WFSUFY$PVOU௖఺ͷ૯਺
    w WFSUFY*E͔Β֯౓Λܭࢉͯ͠ɺTJO΍DPTͰ

    ࠲ඪΛܭࢉ͢Ε͹ྑ͍
    w WFSUFY*EWFSUFY$PVOU
    ͸ʙͱͳΔ
    

    View Slide

61. WFSUWFSU͕ԁΛඳ͘
    

    View Slide

62. ϓϦϛςΟϒλΠϓ
    w ίϝϯτͰWFSUFY.PEFΛมߋͰ͖Δ
    w 10*/54 -*/&4 53*"/(-&4ͳͲ
    w งғؾ͕ΨοͱมΘͬͯ੝Γ্͕Δͧʂʂ
    

    View Slide

63. WFSUWFSU࠷ऴܗଶ
    

    View Slide

64. QBSUJDMFGSBHղઆ
    w ௖఺γΣʔμͰਤܗΛඳ͍ͯ

    ϑϥάϝϯτγΣʔμͰΤϑΣΫτ͔͚ͯΔ
    w WFSUFY.PEFͰඳըϞʔυ੾Γସ͑
    w 53*"/(-&4Ҏ֎ͷͱ͖͸WFSUFY$PVOUΛ

    ૿΍͠·͠ΐ͏ʢ஍ຯͳͷͰʣ
    

    View Slide

65. View Slide

66. ୈ࢛ষ
    Ի੠ೖྗΛར༻͢Δ
    

    View Slide

67. ͜ͷষͷ໨ඪ
    w Իʹ൓Ԡ͢ΔΞχϝʔγϣϯΛֶͿ
    w ֎෦ೖྗΛ༗ޮ׆༻͢Δํ๏Λߟ͑Δ
    

    View Slide

68. 7&%"Ͱ֎෦ೖྗΛ࢖͏
    w ϑΝΠϧͷઌ಄ʹ

    ͳͲΛ௥Ճ
    w NJEJͷ࣌͸
    w Χϝϥͷ࣌͸
    

    View Slide

69. Ի੠ೖྗ
    w ҎԼͷVOJGPSN͕࢖͑·͢
    w qPBUWPMVNFϘϦϡʔϜ
    w TBNQMFS%TBNQMFT೾ܗ
    w TBNQMFS%TQFDUSVNप೾਺ଳຖͷڧ͞
    

    View Slide

70. BVEJPGSBHΛ࣮ߦ
    

    View Slide

71. BVEJPGSBHΛ࣮ߦ
    Volume
    Spectrum
    Samples: ೾ܗ
    

    View Slide

72. PCKNUMGSBHશ෦੝Γ
    

    View Slide

73. ͦͷଞͷೖྗ
    w Ϛ΢εɺΩʔϘʔυɺ.*%* 04$ 

    8FCΧϝϥɺήʔϜύουʹରԠ
    

    View Slide

74. ԋशλΠϜ
    

    View Slide

75. ࠷ޙʹ
    w (-4-ͷָ͠͞ɺϥΠϒίʔσΟϯάͷָ͠͞
    ͕఻ΘΕ͹͍͍ͳͱࢥͬͯ·͢⚡
    w ͥͻ7+ʹ௅ઓͯ͠Έ͍ͯͩ͘͞ʂ
    w 7&%"ͷ࣭໰΍ײ૝ɺ৽ػೳͷϦΫΤετ͸
    5XJUUFSPS(JU)VCͰ͓ؾܰʹͲ͏ͧʂ
    

    View Slide

76. ࢀߟϦϯΫ
    w 7&%"

    IUUQTWFEBHM
    w 5IF#PPL0G4IBEFST

    IUUQTUIFCPPLPGTIBEFSTDPN MBOKQ
    w XHMEPSHc(-4-

    IUUQTXHMEPSHEHMTM
    

    View Slide